SVG komprimieren

Die Größe von SVG-Dateien (Bildgewichtung) hängt im Gegensatz zu Bitmaps nicht von der Größe in Pixeln, sondern von der Codemenge ab. Bei großen Bildern liegen die Vorteile des SVG-Formats auf der Hand. Es kann davon ausgegangen werden, dass SVG Bitmaps in Bezug auf die Dateigröße immer übertrifft, dies ist jedoch nicht immer der Fall. Wenn Sie Websites erstellen, sind Sie möglicherweise mit SVG-Dateien vertraut. Es ist kein sehr verbreitetes Bildformat, wird aber von den meisten modernen Webbrowsern wie Google Chrome, Microsoft Internet Explorer und Mozilla Firefox unterstützt. SVG, was für Scalable Vector Graphics steht, ist ein XML-basiertes Vektorgrafikformat. SVG-Dateien können für drei Dinge optimiert werden: Dateigröße, Rendering-Geschwindigkeit und Bearbeitung. In den meisten Fällen ist eine Optimierung für die Bearbeitung notwendig – insbesondere bei komplexen Zeichnungen.

Die Menge an SVG-Code kann durch Optimierung reduziert werden. Entfernen von Metadaten. Nach dem Speichern in Grafikeditoren (z. B. Adobe Illustrator) enthält der SVG-Code viele unnötige Informationen, deren Entfernung die Dateigröße reduziert und das Bild in keiner Weise beeinflusst. Entfernen unnötiger Gegenstände. Das Bild kann unnötige oder versteckte Objekte sowie Tags enthalten, die Objekte gruppieren, deren Entfernung sich nicht auf das Bild auswirkt. Entfernen nicht verwendeter Klassen und Bezeichner. Beim Bearbeiten von Vektorbildern können Grafikeditoren den Tags Klassen und Bezeichner hinzufügen, die die endgültige Version des Bildes nicht benötigt. Optimierung der Tag-Attribute. Die häufige Verwendung von Attributen kann durch CSS-Eigenschaften ersetzt werden: Bei einer großen Anzahl von Elementen kann dies das Gewicht des SVG deutlich reduzieren. Entfernen unnötiger Knoten. Jeder Punkt in einem Vektorbild spiegelt sich im Volumen des Codes wider: Das Entfernen unnötiger Knoten hilft dabei, sein Volumen zu reduzieren.