Comprimeer SVG

De grootte van SVG-bestanden (afbeeldingsgewicht) is, in tegenstelling tot bitmaps, niet afhankelijk van de grootte in pixels, maar van de hoeveelheid code. Voor grote afbeeldingen zijn de voordelen van het SVG-formaat duidelijk. Er kan worden aangenomen dat SVG altijd beter presteert dan bitmaps in termen van bestandsgrootte, maar dit is niet altijd het geval. Als u websites bouwt, bent u wellicht bekend met SVG-bestanden. Het is geen veelgebruikt beeldformaat, maar wordt ondersteund door de meeste moderne webbrowsers zoals Google Chrome, Microsoft Internet Explorer en Mozilla Firefox. SVG, wat staat voor Scalable Vector Graphics, is een op XML gebaseerd formaat voor vectorafbeeldingen. SVG-bestanden kunnen voor drie dingen worden geoptimaliseerd: bestandsgrootte, weergavesnelheid en bewerking. In de meeste gevallen is optimalisatie voor bewerking noodzakelijk - vooral voor complexe tekeningen.

De hoeveelheid SVG-code kan worden verminderd door optimalisatie. Metagegevens verwijderen. Na het opslaan in grafische editors (bijvoorbeeld Adobe Illustrator), bevat de SVG-code veel onnodige informatie, waarvan het verwijderen de bestandsgrootte zal verkleinen en op geen enkele manier de afbeelding zal beïnvloeden. Het verwijderen van onnodige objecten. De afbeelding kan onnodige of verborgen objecten bevatten, evenals tags die objecten groeperen, waarvan het verwijderen geen invloed heeft op de afbeelding. Ongebruikte klassen en ID's verwijderen. Bij het bewerken van vectorafbeeldingen kunnen grafische editors klassen en identifiers toevoegen aan de tags, die de definitieve versie van de afbeelding niet nodig heeft. Optimalisatie van tagkenmerken. Frequent gebruik van attributen kan worden vervangen door CSS-eigenschappen: bij een groot aantal elementen kan dit het gewicht van de SVG aanzienlijk verminderen. Het verwijderen van onnodige knooppunten. Elk punt in een vectorafbeelding wordt weerspiegeld in het volume van de code: het verwijderen van onnodige knooppunten helpt het volume te verminderen.