Optimieren

SVG-Optimierer

Machen Sie SVG-Icons, Logos und Illustrationen kleiner und sauberer für Websites und Apps und entfernen Sie alles, was Code ausführen könnte, ohne das Aussehen zu ändern.

Vor dem Download verglichen

Jedes optimierte SVG wird neben dem Original gezeichnet und Pixel für Pixel verglichen. Würden die normalen Einstellungen das Aussehen ändern, kommen vorsichtige Einstellungen zum Einsatz.

Bereit. SVGs werden auf diesem Gerät bereinigt und nie hochgeladen.

SVG-Dateien hinzufügenAus Illustrator, Inkscape, Figma oder woanders her. Bis zu 100 Dateien à 10 MB.

SVG-Dateien auswählen

Dateien

Optimierte Dateien erscheinen hier mit ihrer Ersparnis.

So funktioniert es

Hinzufügen, optimieren, herunterladen

SVG-Dateien hinzufügen oder Code einfügen. Bis zu 100 Dateien auf einmal.
Einstellungen lassen oder anpassen. Die automatische Genauigkeit passt für die meisten Dateien; Titel bleiben für Screenreader erhalten, wenn Sie sie nicht entfernen.
Ergebnis prüfen. Jede Datei vorher und nachher, ihre neue Größe und ihre Größe, wenn Ihr Server komprimiert.
Herunterladen oder kopieren. Einzelne Dateien, ein ZIP oder der Code zum direkten Einfügen ins HTML.

Was entfernt wird

Ballast, der nichts zeichnet

Editor-Daten aus Inkscape, Illustrator, Sketch und Figma: Ebenen, Hilfslinien, Zoomstufen und private Namensräume.
Metadaten und Kommentare, außer Kommentaren, die mit <!--! beginnen; sie bleiben für Lizenzhinweise erhalten.
Ungenutzte IDs und Definitionen, etwa Verläufe, die nichts verwendet, sowie leere oder schlichte Gruppen.
Lange Dezimalstellen, gerundet auf das, was die Größe der Zeichnung braucht, mit kompakt geschriebenen Pfaddaten.

Sicherheit

SVGs, die keinen Code ausführen können

Ein SVG ist ein Dokument und kann Skripte, Event-Handler und Links enthalten, die Code ausführen, wenn es direkt im Browser geöffnet wird. Der Optimierer entfernt immer Skripte, on…-Attribute, Links zu javascript: und ähnlichen Adressen, eingebettetes HTML und Animationen, die Links umschreiben. Dateien, die XML-Entitäten deklarieren, ein Trick, um Computer lahmzulegen, werden abgelehnt. Die Vorschauen hier werden als Bilder gezeichnet, nichts in einer Datei kann also ausgeführt werden.

Verwandte Werkzeuge

Mehr für Ihre Website

FAQ

Fragen zur SVG-Optimierung.

Wie viel kleiner wird mein SVG?

Exporte aus Grafikprogrammen schrumpfen oft um die Hälfte oder mehr, weil sie Editor-Daten, Metadaten und lange Dezimalstellen enthalten. Handgeschriebene oder bereits optimierte SVGs ändern sich weniger. Jede Datei zeigt alte und neue Größe sowie die Größe nach gzip.

Sieht mein SVG danach noch gleich aus?

Ja. Jedes Ergebnis wird neben dem Original gezeichnet und verglichen. Ändern die normalen Einstellungen das Aussehen, nutzt das Werkzeug automatisch vorsichtige Einstellungen und sagt Bescheid, wenn eine Datei trotzdem abweicht.

Ist es sicher, ein SVG auf meine Website zu stellen?

Ein SVG kann Skripte enthalten, die laufen, wenn es allein geöffnet wird. Dieses Werkzeug entfernt Skripte, Event-Handler und Code-Links aus jeder Datei, sodass SVGs von anderen deutlich sicherer veröffentlicht werden können.

Warum Titel und Beschreibungen behalten?

Screenreader lesen blinden und sehbehinderten Menschen den Titel und die Beschreibung eines SVG vor. Sie sind klein und bleiben daher erhalten, außer Sie entfernen sie.

Was bedeutet automatische Genauigkeit?

Koordinaten werden auf so viele Dezimalstellen gerundet, wie die Größe der Zeichnung braucht: zwei für eine Zeichnung von 200 Einheiten, drei für ein 24er-Icon, mehr für sehr kleine Zeichnungen. Formen bleiben an ihrem Platz, unsichtbare Ziffern verschwinden.

Werden meine Dateien hochgeladen?

Nein. SVGs werden in Ihrem Browser gelesen, bereinigt und verglichen. Dateien und Code verlassen Ihr Gerät nie.