So funktioniert der SVG Kompressor
Eine aus Illustrator, Inkscape, Figma oder Sketch gespeicherte SVG-Datei enthält meist vieles, was ein Browser nie verwendet: Editor-Metadaten, Kommentare, ausgeblendete Ebenen, voll ausgeschriebene Standardwerte und Koordinaten mit acht oder mehr Nachkommastellen. Dieses Tool entfernt all das mit SVGO, dem Open-Source-Optimierer für SVG, auf den sich die meisten Build-Tools und Design-Apps verlassen, sodass die Zeichnung gleich aussieht, die Datei aber kleiner ist.
SVGO durchläuft die Datei in mehreren Durchgängen. Es fasst Pfade zusammen und kürzt sie, rundet Zahlen auf die gewählte Genauigkeit, löst unnötige Gruppen auf, entfernt leere Elemente und schreibt Farben in ihrer kürzesten Form. Die viewBox bleibt erhalten, sodass die SVG-Datei weiterhin auf jede Größe skaliert, und IDs, auf die andere Teile der Datei verweisen, werden gekürzt und ihre Verweise angepasst, sodass Verläufe und Masken weiterhin funktionieren.
Die Genauigkeit ist die einzige Einstellung, auf die es ankommt. Hoch behält drei Nachkommastellen, was bei jeder normalen Größe unsichtbar ist und die sichere Wahl für Symbole und Logos. Ausgewogen behält zwei und Am kleinsten eine, was zu großen Illustrationen passt, bei denen ein Zehntel einer Einheit weit unter einem Pixel liegt, sehr kleine Symbole aber verformen kann. Sieht ein Ergebnis nicht richtig aus, komprimieren Sie das Original erneut mit höherer Genauigkeit.
Der Optimierer, etwa 200 KB, wird geladen, wenn Sie die Schaltfläche zum ersten Mal drücken. Ihre SVGs werden in diesem Tab gelesen und neu geschrieben und nie hochgeladen, was bei unveröffentlichten Logos und Kundengrafiken wichtig ist.
Die Optionen des SVG Kompressors erklärt
| Hoch | Drei Nachkommastellen. Sicher für Symbole, Logos und alles Kleine. |
|---|---|
| Ausgewogen | Zwei Nachkommastellen. Gut für die meisten Illustrationen. |
| Kleinste Datei | Eine Nachkommastelle. Für große Grafiken; prüfen Sie kleine Symbole danach. |
| Erhalten | viewBox, referenzierte IDs, Verläufe, Masken und das Aussehen der Zeichnung. |
| Entfernt | Editor-Metadaten, Kommentare, ausgeblendete und leere Elemente, überflüssige Genauigkeit. |
Wann es sich eignet
Komprimieren Sie SVGs, bevor Sie Symbole und Logos auf eine Website stellen, wo jedes Kilobyte die Ladezeit verlängert, bevor Sie eine SVG-Datei inline in HTML oder eine React-Komponente einbinden, bevor Sie Design-Assets in ein Code-Repository committen oder wenn ein Upload-Formular die Dateigröße begrenzt.
Behalten Sie die originale, bearbeitbare SVG-Datei für Ihre Design-App. Die Optimierung entfernt Editor-Daten wie Ebenennamen und Hilfslinien, öffnen Sie also das Original erneut, wenn Sie die Grafik bearbeiten möchten.
Über den SVG-Optimierer
SVGO, kurz für SVG Optimizer, ist das Open-Source-Tool hinter der SVG-Optimierung in den meisten Web-Build-Tools und in Design-Apps, die einen optimierten Export anbieten. Es zerlegt die SVG-Datei in einen Baum, wendet eine Reihe bewährter Bereinigungsschritte darauf an und schreibt sie wieder heraus, und das so lange, bis sich nichts mehr einsparen lässt. Jeder Schritt, den es hier ausführt, lässt die Zeichnung unverändert aussehen, weshalb seinen Standardeinstellungen im Produktiveinsatz vertraut wird. Die auf dieser Seite verwendete Version läuft vollständig im Browser und wird bei der ersten Nutzung des Tools vom jsDelivr-CDN geladen.
Fehlerbehebung beim SVG Kompressor
„bereits optimiert; unverändert zurückgegeben“
Die SVG-Datei wurde bereits optimiert, daher ließ sich nichts entfernen, ohne sie zu verändern. Die Originaldatei wird zurückgegeben.
Ein Teil der Zeichnung hat sich verschoben oder verbogen
Sehr kleine Symbole können sich bei niedriger Genauigkeit verschieben. Komprimieren Sie das Original erneut mit der Genauigkeit Hoch.
„ist keine SVG-Datei“
Die Datei enthält keine SVG-Zeichnung. Als SVG exportierte Dateien, die nur ein Bitmap-Bild umhüllen, lassen sich ebenfalls kaum verkleinern; komprimieren Sie stattdessen das darin enthaltene Bild.
So verwenden Sie den SVG Kompressor, Schritt für Schritt
- Klicken Sie auf „SVG-Dateien auswählen“ oder ziehen Sie Dateien in das Feld.
- Stellen Sie bei Bedarf die Optionen ein; die Standardwerte passen für die meisten Zwecke.
- Klicken Sie auf „SVG komprimieren“. Die Arbeit findet auf Ihrem Gerät statt.
- Speichern Sie das Ergebnis mit seiner Download-Schaltfläche.
Ist es sicher, das online zu machen?
Bei den meisten Online-Tools bedeutet „online“, dass Ihre Datei auf den Server eines Unternehmens hochgeladen, dort verarbeitet und eine Weile aufbewahrt wird, bevor sie gelöscht wird. Hier nicht. Die Seite lädt den Code des Tools in Ihren Browser, und Ihre Datei wird im Tab auf Ihrem eigenen Gerät gelesen und verarbeitet. Sie wird nie an TapToConvert oder sonst jemanden gesendet.
Sie können das selbst prüfen: Sobald die Seite und ihre Engine geladen sind, schalten Sie das WLAN aus, und das Tool funktioniert weiterhin. Das bedeutet auch, dass es keine Warteschlange, kein Tageslimit und keine Dateigrößenbegrenzung durch einen Server gibt; die einzige Grenze ist der Arbeitsspeicher, den Ihr Browser einem einzelnen Tab zugesteht.
Häufige Fragen zum SVG Kompressor
Verändert das Komprimieren das Aussehen meiner SVG-Datei?
Bei der Genauigkeit Hoch gibt es keine sichtbare Veränderung. Eine niedrigere Genauigkeit rundet Koordinaten stärker, was sehr kleine Details verbiegen kann.
Wie viel kleiner wird die Datei?
Aus Design-Apps exportierte SVGs schrumpfen oft um 30 bis 70 Prozent. Bereits optimierte SVGs schrumpfen wenig oder gar nicht.
Kann ich die komprimierte SVG-Datei noch bearbeiten?
Ja, aber Ebenennamen, Hilfslinien und Editor-Einstellungen sind weg. Behalten Sie das Original zum Bearbeiten.
Werden meine Dateien hochgeladen?
Nein. SVGO läuft in Ihrem Browser, sodass die SVG-Datei Ihr Gerät nie verlässt.
Ist es kostenlos?
Ja. Keine Registrierung, kein Wasserzeichen und keine Nutzungsbegrenzung. TapToConvert wird durch Werbung finanziert.
Werden meine Dateien hochgeladen?
Nein. Alles geschieht in Ihrem Browser-Tab, auf Ihrem eigenen Gerät.