SVG-optimizer
Optimaliseer en comprimeer SVG-bestanden online
Verwijder onnodige metadata, editorgegevens, groepen en precisie met SVGO. Kies Veilige, Gebalanceerde of Maximale optimalisatie, verfijn individuele passen en vergelijk het resultaat voordat u downloadt. Alles draait in uw browser.
Standaardwaarden voor nieuwe bestanden bewerken
Voorbeeld
Geen voorbeeld. Voeg bestanden toe en selecteer ze om resultaten te zien.
Nog geen bestanden. Sleep bestanden hierboven of klik op BESTANDEN SELECTEREN.
Wat is SVG?
SVG (Scalable Vector Graphics) is een op XML gebaseerd vectorafbeeldingsformaat. In plaats van pixels beschrijft een SVG vormen, paden, vullingen en lijnen wiskundig, zodat het op elke grootte zonder kwaliteitsverlies kan worden weergegeven.
SVG is het standaard vectorformaat voor het web. Elke moderne browser ondersteunt het rechtstreeks; u kunt het vormgeven met CSS of animeren met JavaScript of SMIL. Voor logo’s, pictogrammen en illustraties is het vaak compact, maar complexe SVG-bestanden kunnen groot worden.
Wanneer een SVG optimaliseren
Bestanden die worden geëxporteerd vanuit Illustrator, Figma, Inkscape of Sketch bevatten metagegevens van de editor, verborgen lagen, geneste groepen en coördinaten met meer precisie dan een browser nodig heeft. Optimaliseer een SVG voordat u deze inline in HTML, verzendt naar een componentenbibliotheek of als pictogram gebruikt. Kleinere markeringen kunnen sneller worden overgedragen en geparseerd, vooral wanneer deze worden herhaald in HTML of JavaScript. Behoud het originele bronbestand: optimalisatie is eenrichtingsverkeer en verkleinde padgegevens zijn moeilijk met de hand te bewerken.
Een SVG online optimaliseren
- 1
Sleep je SVG-bestanden erin, of klik op BESTANDEN SELECTEREN, om ze aan de wachtrij toe te voegen. Tot 40 tegelijk.
- 2
Kies Veilig, Gebalanceerd of Maximaal, schakel elke afzonderlijke bewerking uit die je niet wilt, en zie de besparing per bestand direct bijwerken.
- 3
Klik op ALLES OPSLAAN om het resultaat te downloaden, of één ZIP wanneer de wachtrij meer dan één bestand bevat.
Privacy: je bestanden verlaten je browser niet
De conversie wordt lokaal in uw browser uitgevoerd met behulp van JavaScript en WebAssembly. Er vindt geen bestandsupload of serverconversie plaats, dus de bestanden die u toevoegt, blijven op uw apparaat staan.
Lokale verwerking helpt vertrouwelijke logo's, interne documenten en niet-vrijgegeven illustraties van klanten te beschermen. Pagina's en conversiecode worden in de cache opgeslagen terwijl u ze gebruikt, zodat tools die u al hebt geopend, kunnen blijven werken zonder een netwerkverbinding.
Veelgestelde vragen
Verandert optimaliseren hoe mijn SVG eruitziet?
Veilig is de meest conservatieve voorinstelling. Balanced rondt ook coördinaten af en verwijdert overtollige attributen, terwijl Maximum dubbele vormen samenvoegt en vaste afmetingen verwijdert. Agressievere passes kunnen fijne details of afmetingen beïnvloeden, dus gebruik het pixelverschil om het resultaat te bekijken voordat u het downloadt.
Wat is het verschil tussen Veilig, Gebalanceerd en Maximaal?
Het zijn cumulatieve niveaus. Veilig draait negen bewerkingen die alleen markup wissen: de XML-proloog, commentaar, metadata, editor-naamruimten, ongebruikte definities, groepen die alleen doorgeven, lange kleurwaarden en witruimte. Gebalanceerd voegt daar het opschonen van attributen, het verwijderen van onzichtbare elementen, het herschrijven van paden en het afronden van coördinaten aan toe. Maximaal voegt het samenvoegen van duplicaten en het verwijderen van breedte en hoogte toe, en herhaalt elke bewerking tot het bestand niet verder krimpt. Elke afzonderlijke bewerking kun je uitschakelen onder Geavanceerde opties.
Waarom is mijn geoptimaliseerde bestand nauwelijks kleiner?
Meestal omdat het al geoptimaliseerd was, of omdat de grootte wordt bepaald door padgegevens die niet verder in te korten zijn, of door een ingebedde rasterafbeelding in een data-URI, waar deze tool nooit aankomt. Minder decimalen levert bij met de hand getekend werk doorgaans de grootste winst op die nog overblijft. Onthoud dat het getoonde cijfer de onbewerkte bestandsgrootte is: gzip of Brotli op je server comprimeert het nog veel verder, en schonere markup comprimeert beter.