Bedienungsanleitung
- Klicken Sie auf „Beispiel-SVG laden“, um einen typischen, nicht optimierten Export aus einem Design-Tool anzusehen, oder ziehen Sie Ihre eigene
.svg-Datei in das Tool. - Sie können auch direkt kopierten SVG-Code aus Figma, Illustrator, Sketch oder Ihrem Code-Editor einfügen.
- Wählen Sie „Standard“ für eine sichere Standardoptimierung. Wechseln Sie zu „Aggressiv“, wenn Sie die Dateigröße maximal reduzieren möchten.
- Prüfen Sie die Werte für die Originalgröße, die optimierte Größe und die Ersparnis und kontrollieren Sie die visuelle Vorschau auf auffällige Veränderungen.
- Klicken Sie auf „SVG-Code kopieren“ (für HTML, React oder Icon-Komponenten) oder auf „SVG herunterladen“, um das optimierte Dokument zu speichern.
Beispiel: paste a brand icon exported from a design tool, confirm the saved percentage and preview, then copy the minified inline SVG for a website navbar or button icon.
Kernfunktionen
- SVGO-gestützte SVG-Komprimierung: Führen Sie SVGO direkt im Browser aus, um Metadaten, leere Gruppen und unnötige attributes aus dem Vektor-Markup zu entfernen.
- Bereinigung von Figma- und Illustrator-Exporten: Verwandeln Sie den oft überladenen SVG-Code aus Design-Tools in sauberen, kompakten Code für Ihre Website.
- Direkter Größenvergleich: Sehen Sie die Originalgröße, die optimierte Größe und den eingesparten Prozentsatz auf einen Blick, bevor Sie die Datei ersetzen.
- Code kopieren oder herunterladen: Kopieren Sie das optimierte
<svg>-Markup für Inline-HTML oder Komponenten direkt in die Zwischenablage oder laden Sie die fertige.svg-Datei herunter. - Lokale Verarbeitung für private Daten: Das Lesen der Datei, die SVGO-Optimierung, Vorschau, Kopieren und Download erfolgen vollständig geschützt in Ihrem Browser.
Verwandte Tools
Probleme mit unscharfen Markierungen? EasyTools bietet einen universellen Bildstempler, der verlustfreie SVG-Skalierung und hochwertigen WebP-Export unterstützt. Transparenz beibehalten und JSON-Daten lokal exportieren.
Bild in eine bearbeitbare Bügelperlen-Vorlage umwandeln: Referenzpaletten, Mengen, PNG, CSV und 1:1 PDF. Die Verarbeitung bleibt lokal im Browser.
Ändern Sie die Bildgröße im Browser nach exakten Pixeln oder gängigen Voreinstellungen. Seitenverhältnis sperren, Ausgabemaße in der Vorschau anzeigen und das Ergebnis ohne Upload herunterladen.
Konvertieren Sie WebP, JPG, PNG und andere Bildformate lokal in Ihrem Browser. Batch-Verarbeitung per Drag-and-Drop, Vorschau, Qualitätsanpassung und Download ohne Uploads oder künstliche Größenbeschränkungen.
Konvertieren Sie PNG-, JPG- oder WebP-Bilder in ein ICO-Favicon mit mehreren Größen. Canvas-gestützt, clientseitig, kostenlos und direkt ohne Uploads herunterladbar.
Konvertieren Sie SVG-Dateien in transparente PNG-Bilder. Stapelverarbeitung per Drag-and-Drop, Skalierung um das 1- bis 8-fache und lokales Rendern direkt im Browser.
Konvertieren Sie HEIC-Fotos Ihres iPhones im Handumdrehen im Browser in JPG. 100 % privat, unbegrenzte Stapelverarbeitung, keine Dateigrößenlimits. Vollständig lokale Verarbeitung.
Konvertieren Sie Adobe Illustrator-Dateien (.ai) direkt in Ihrem Browser in PDF, JPG oder PNG. 100 % lokale, datenschutzfreundliche Konvertierung ohne Dateigrößenlimits und ohne Server-Uploads.
Berechnungslogik
Die SVG-Optimierung rastert das Bild nicht. Stattdessen bereinigt sie das XML-basierte Vektor-Markup. Dieses Tool führt SVGO direkt in Ihrem Browser aus, um Editor-Metadaten zu entfernen, überflüssige Gruppen zusammenzuführen, leere Attribute zu löschen, Pfade zu komprimieren und Koordinaten zu runden.
Der Modus „Standard“ ist die sichere Standardeinstellung für die meisten Icons und Illustrationen. Der Modus „Aggressiv“ aktiviert die Mehrpass-Optimierung und reduziert die numerische Präzision. Dies kann die Dateigröße weiter verringern, führt bei extrem komplexen Pfaden jedoch unter Umständen zu minimalen optischen Abweichungen. Die Ausgabe bleibt editierbares Vektor-SVG, das Sie kopieren oder herunterladen können.
Häufig gestellte Fragen
Wie kann ich die Dateigröße einer SVG reduzieren?
Entfernen Sie Metadaten aus Design-Tools, leere Gruppen, redundante Attribute und komprimierbare Pfaddaten. Dieses Tool führt diese SVGO-Optimierungen direkt in Ihrem Browser aus und zeigt Ihnen die prozentuale Ersparnis an.
Wie bereinige ich aus Figma exportierten SVG-Code?
Ziehen Sie die exportierte .svg-Datei in das Tool oder fügen Sie den reinen <svg>-Code ein. Starten Sie mit der Einstellung „Standard“, prüfen Sie die Vorschau und kopieren oder laden Sie das optimierte Ergebnis herunter.
Verschlechtert das Komprimieren einer SVG die Qualität?
In der Regel nein. SVG ist ein Vektorformat, und SVGO entfernt hauptsächlich unsichtbare Metadaten und redundanten Code. Sehr komplexe Pfade können sich im Modus „Aggressiv“ minimal verschieben. Überprüfen Sie daher vor dem Einsatz in produktiven Systemen immer kurz die visuelle Vorschau.
Werden meine Icons oder Illustrationen auf Server hochgeladen?
Nein. Das Einlesen der Datei, die SVGO-Optimierung, Vorschau, das Kopieren des Codes und das Herunterladen der Datei erfolgen vollständig lokal in Ihrem Browser.
Kann ich das optimierte SVG direkt in HTML einbinden?
Ja. Mit der Funktion „SVG-Code kopieren“ erhalten Sie das vollständige <svg>-Markup, das Sie direkt in HTML, React-Komponenten oder Icon-Systemen einbetten können.
Kann das Tool PNG oder JPG in SVG umwandeln?
Nein. Dieses Tool dient ausschließlich der Optimierung von vorhandenem SVG-Vektorcode; es kann keine Rastergrafiken vektorisieren.