SVG → SVG
SVG-optimizer
Maak SVG-bestanden kleiner zonder dat ze er anders uitzien. De optimizer draait SVGO in je browser en toont het resultaat naast het origineel.
Sleep hier een SVG-bestand naartoe of klik om een bestand te kiezen, of plak het met Ctrl+V Werkt in je browser · bestanden blijven op je apparaat
Zo comprimeer je een SVG met de SVG-optimizer
- Voeg je SVG toe. Sleep hem erin, kies hem of plak hem.
- Stel het aantal decimalen in. Minder decimalen geven een kleiner bestand. Controleer in het voorbeeld of er randen verschuiven.
- Vergelijk beide voorbeelden. Het origineel en de geoptimaliseerde versie staan naast elkaar, met de bespaarde grootte erbij.
- Download of kopieer de code. De bestandsnaam krijgt de extensie .min.svg.
Wat de SVG-optimizer verwijdert
Ontwerpprogramma's voegen gegevens toe die browsers nooit gebruiken: namespaces en metadata van de editor, opmerkingen, verborgen lagen, lege groepen, standaardwaarden van attributen en coördinaten met meer decimalen dan een scherm kan tonen. De optimizer gebruikt SVGO, de opensource-optimizer die in veel buildtools voor het web zit, met de standaardset veilige plug-ins.
SVG comprimeren door decimalen af te ronden
Padgegevens zijn vaak het grootste deel van een SVG, en daarvan bestaat veel uit decimalen. Een coördinaat als 12.483920 op een icoon van 24 px ziet er hetzelfde uit als 12.48. De schuifregelaar voor decimalen bepaalt die afronding. Voor iconen zijn 1 tot 2 decimalen meestal genoeg; voor gedetailleerde illustraties of kaarten houd je er 3. Met Herhalen tot er niets meer af kan worden de plug-ins meerdere keren toegepast, wat bij complexe bestanden nog iets extra oplevert.
SVG-bestand verkleinen voor het web: de responsive optie
Vink Breedte en hoogte verwijderen aan om de vaste afmetingen te laten vallen en alleen de viewBox te houden. De SVG schaalt dan mee met de breedte van zijn container, wat je wilt voor iconen en logo's in CSS-lay-outs. Laat het uit als de SVG een exact formaat moet houden.