SVG-Optimierer
SVG Optimiser
Entfernt Editor-Ballast, fasst Transformationen zusammen und rundet die Pfadgenauigkeit, mit gerendertem Vorher-nachher-Vergleich.
Ein aus einem Designwerkzeug gespeichertes SVG trägt Editor-Metadaten, Transformationslisten, die niemand aufgelöst hat, und Koordinaten mit sieben Nachkommastellen. All das zu entfernen ist leicht; zu wissen, ob es das Bild verändert hat, ist der schwierige Teil, weshalb dies eine Differenzansicht zeigt statt nur eine Bytezahl.
SVG hier ablegen
Oder bearbeiten Sie unten das Markup. Es wird nichts hochgeladen.
Markup bearbeiten
So funktioniert es
Legen Sie das SVG ab oder fügen Sie das Markup ein
Es optimiert beim Tippen, sodass sowohl das Einfügen einer Datei als auch das Bearbeiten an Ort und Stelle funktioniert.
Legen Sie die Genauigkeit fest
Auf einer 24-Einheiten-viewBox sind zwei Nachkommastellen ein Hundertstel Pixel bei 100-facher Vergrößerung. Unter einer Stelle beginnen Icons sich sichtbar zu verschieben.
Prüfen Sie die Differenzansicht
Sie legt die optimierte Datei im Differenzmodus über das Original: Reines Schwarz heißt, sie rendern identisch, und alles, was aufleuchtet, ist ein Pixel, das sich bewegt hat.
Kopieren Sie das SVG oder die Data-URI
Die Data-URI hier ist URL-kodiert statt Base64, was etwa 10 % über der Rohdatei liegt statt 33 %.
Häufige Fragen
Warum ist „Titel entfernen“ standardmäßig aus?
Weil `<title>` der zugängliche Name eines Inline-SVGs ist. Es zu entfernen spart etwa dreißig Bytes und macht aus einem beschrifteten Icon ein unbeschriftetes für alle, die einen Screenreader verwenden.
Mein Icon hat sich nach dem Optimieren leicht verschoben.
Die Genauigkeit ist zu niedrig für seine viewBox. Eine kleine viewBox bedeutet, jede Einheit ist ein großer Teil des Bildes, sodass das Runden auf eine Nachkommastelle Dinge sichtbar verschiebt. Erhöhen Sie die Genauigkeit, bis die Differenzansicht schwarz wird.
Minimiert es die Pfaddaten?
Es rundet die Zahlen und rechnet eine reine Verschiebung in sie ein und meldet, wie viele Bytes das gespart hat. Es schreibt Befehle nicht in kürzere Äquivalente um – das ändert die Kurvenfamilie und ist die Stelle, an der Pfadoptimierer echte Fehler einbauen.
Eingabe aus
Favicon-Generator
Favicon Generator
Erzeugt den kompletten Favicon-Satz – ICO, PNGs, Apple-Touch-Icon, Web-Manifest – samt HTML zum Einfügen.
SVG in PNG
SVG to PNG
Rendert eine SVG-Datei mit beliebigem Skalierungsfaktor als PNG, JPEG oder WebP, mit transparentem oder gefülltem Hintergrund.
Bild in SVG
Image to SVG
Zeichnet eine Bitmap in SVG-Pfade nach, abgestimmt auf Logos und Strichzeichnungen, nicht auf Fotos.
QR-Code-Generator
QR Code Generator
Erstellt einen QR-Code für URL, Text, WLAN, vCard oder Zahlungsstring, mit Fehlerkorrektur, Logo und SVG-Export.
Danach
Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.
Favicon-Generator
Favicon Generator
Erzeugt den kompletten Favicon-Satz – ICO, PNGs, Apple-Touch-Icon, Web-Manifest – samt HTML zum Einfügen.
SVG als CSS-Data-URI
SVG to CSS Data URI
Kodiert ein SVG als CSS-Hintergrund-Data-URI und maskiert nur, was maskiert werden muss, damit es klein bleibt.
SVG-Pfad-Editor
SVG Path Editor
Wandelt Pfaddaten zwischen absoluten und relativen Befehlen um, verschiebt, skaliert, dreht und kehrt sie um und zeigt die Bounding-Box mit Live-Vorschau.
SVG in PNG
SVG to PNG
Rendert eine SVG-Datei mit beliebigem Skalierungsfaktor als PNG, JPEG oder WebP, mit transparentem oder gefülltem Hintergrund.
Hintergrund entfernen
Background Remover
Stellt ein Motiv vor einfarbigem Hintergrund per OKLab-Keying frei – ohne Upload, komplett im Browser – und liefert ein transparentes PNG samt Pinsel zum Nachbessern der Kanten.
EXIF-Daten entfernen
EXIF Remover
Entfernt Kamera-, GPS- und Bearbeitungsmetadaten aus Fotos, ohne die Pixel anzurühren – ohne Upload, komplett im Browser.