Zo gebruik je het
- Kies SVG-bestanden of plak SVG-code.
- Stel decimalen, multipass, afmetingen en IDs in.
- Vergelijk oorspronkelijke en geoptimaliseerde grootte en download de uitvoer.
Opties uitgelegd
- Decimalen
- Coördinaten worden op het gekozen aantal decimalen afgerond; minder decimalen maken het bestand kleiner maar kunnen details vervormen.
- IDs behouden
- Schakel dit in wanneer CSS, JavaScript of verwijzingen naar SVG-IDs afhankelijk zijn.
- ViewBox
- Afmetingen kunnen worden verwijderd terwijl viewBox behouden blijft voor schaalbare weergave.
Grootte en kwaliteit
Vergelijk de uitvoer visueel met het origineel voordat je een geoptimaliseerd SVG-bestand publiceert.
Voorbeeld
Het origineel (geëxporteerd uit Inkscape, 789 bytes) bevat een XML-declaratie, een opmerking, metagegevens, editorattributen en lange decimalen. Geoptimaliseerd (248 bytes):
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>Veelgestelde vragen
Waarom ziet mijn SVG er na optimalisatie anders uit?
Een te lage precisie kan kleine details of rondingen veranderen. Verhoog het aantal decimalen.
Moet ik IDs behouden?
Ja wanneer externe CSS, scripts of SVG-verwijzingen IDs gebruiken.
Worden mijn SVG-bestanden geüpload?
Nee. De optimalisatie gebeurt in je browser.
Privacy
Deze tool draait volledig in je browser. Je bestanden en tekst worden op je eigen apparaat verwerkt en nooit naar onze servers geüpload.