SVG-optimalisatie
Kies een statisch SVG-bestand of plak code om die te optimaliseren. Vergelijk vóór en na de optimalisatie de weergave, code en bestandsgrootte. Kopieer daarna het resultaat of sla het op als SVG.
Wat je kunt doen
SVG-bestandsgrootte optimaliseren
Ruim opmerkingen, metadata van bewerkingssoftware, numerieke representaties en andere inhoud op.
Voor en na controleren en vervolgens opslaan
Vergelijk de weergave, code en bestandsgrootte en kopieer of sla de geoptimaliseerde SVG op.
Gebruiksaanwijzing
SVG invoeren
Selecteer 1 SVG-bestand of plak code.
Instellingen zo nodig aanpassen
Controleer in de geavanceerde instellingen de decimale precisie en de informatie die moet worden verwijderd. Meestal kun je met de standaardinstellingen beginnen.
Weergave en bestandsgrootte vergelijken
Voer de optimalisatie uit en controleer wijzigingen in de weergave, code en bestandsgrootte.
De geoptimaliseerde SVG opslaan
Kopieer de resulterende code of download deze als SVG-bestand.
Handig wanneer je
Bestandsgrootte van logo's en pictogrammen verkleinen
een SVG opruimt voordat je die op het web publiceert en de balans tussen weergave en bestandsgrootte controleert.
Bewerkingsinformatie opruimen
metadata en opmerkingen van bewerkingssoftware zo nodig verwijdert en het bestand vervolgens opslaat.
Waarop je moet letten bij SVG-optimalisatie
Metadata en weergave staan los van elkaar
Je kunt informatie over bewerkingssoftware en opmerkingen verwijderen. Titels, beschrijvingen en vergelijkbare inhoud blijven behouden volgens de instellingen.
Wanneer decimale precisie vormen verandert
Het afronden van decimalen in coördinaten en andere waarden kan fijne contouren of posities veranderen. Vergelijk de situatie vóór en na de verwerking.
Controleer CSS en verwijzingen ook op de bestemming
ID's en viewBox blijven behouden, maar de code wordt opgeschoond. Controleer bij gebruik van externe CSS of vergelijkbare verwijzingen de weergave op de plek waar de SVG daadwerkelijk wordt gepubliceerd.
Statische SVG's worden ondersteund
SVG's met scripts, externe verwijzingen, ingesloten afbeeldingen of animatie worden uitgesloten. Verwijzingen binnen de SVG worden ondersteund.
Veelgestelde vragen
Wordt het bestand altijd kleiner?
Bij SVG's die al zijn geoptimaliseerd, kan de bestandsgrootte gelijk blijven of toenemen. Bepaal aan de hand van de resulterende bestandsgrootte wat geschikt is.
Blijft de weergave hetzelfde?
De weergave kan veranderen afhankelijk van instellingen zoals de decimale precisie. Controleer de voorbeelden vóór en na en bekijk de SVG op de plek waar die wordt gepubliceerd.
Kan ik ook de oorspronkelijke code bekijken?
Open ‘Code vóór optimalisatie’ in de resultaten om de inhoud te bekijken voordat deze verwerkingsronde werd uitgevoerd.
Bestandsverwerking
- Invoer
- Gebruik statische SVG in UTF-8. Het oorspronkelijke bestand wordt niet overschreven.
- Uitvoer
- Geoptimaliseerde SVG-code en een .min.svg-bestand.