Bild-Editor & Batch-Optimierer
Bilder & Design Nur lokal
SVG-Editor & Optimierer
Nur lokalSVG‑Assets lokal bearbeiten, inspizieren, optimieren, säubern, in Batch verarbeiten und exportieren.
SVG742 B → 742 B
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">
<!-- Nobuf SVG Studio sample -->
<defs>
<linearGradient id="paint" x1="0" x2="1">
<stop stop-color="#10b981"/>
<stop offset="1" stop-color="#0ea5e9"/>
</linearGradient>
</defs>
<rect width="640" height="360" rx="48" fill="#f0fdf4"/>
<circle cx="170" cy="180" r="92" fill="url(#paint)"/>
<path d="M137 180l23 23 47-55" fill="none" stroke="#fff" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
<text x="300" y="170" fill="#052e2b" font-family="system-ui" font-size="40" font-weight="700">Nobuf</text>
<text x="300" y="215" fill="#115e59" font-family="system-ui" font-size="22">SVG Studio</text>
</svg>Es wurden keine gemeinsamen Active-Content-Muster erkannt. Die Vorschau wird noch unabhängig davon saniert.
SVGO optimiert Markup; es ist kein Sicherheitssanitizer. Nobuf saniert die angezeigte Vorschau, meldet gemeinsame Risiken und bewahrt die Quelle, so dass Sie die von Ihrem Ziel geforderte Richtlinie durchsetzen können.
So funktioniert es
- 01
Öffnen oder fügen Sie SVG ein
Laden Sie einen SVG bis zu 5 MB, bearbeiten Sie XML, Abmessungen, ViewBox und Farben und prüfen Sie eine bereinigte Live-Vorschau.
- 02
Optimieren und prüfen
Führen Sie SVGO mit Präzisions-, Multipass-, ID-Bereinigungs- und Dimensionskontrollen aus, während Sie Roh-, Gzip-, Element- und Sicherheitsmetriken überprüfen.
- 03
Export für Ihren Stack
Laden Sie SVG oder PNG herunter, kopieren Sie Daten URI, erstellen Sie React- oder Vue-Code oder optimieren Sie einen Stapel in ZIP- und Sprite-Dateien.
Häufig gestellte Fragen
Werden meine SVG-Dateien hochgeladen?
Nein. Bearbeitung, SVGO-Optimierung, Vorschaubereinigung, PNG-Rendering, Stapelverarbeitung und Exporte werden in Ihrem Browser ausgeführt.
Macht die Optimierung einen SVG sicher?
Nein. Optimierung und Sanierung lösen unterschiedliche Probleme. Das Tool meldet aktive Inhaltsmuster und bereinigt seine eigene Vorschau, aber die exportierte Quelle erfordert weiterhin die Vertrauensrichtlinie Ihrer Anwendung.
Warum kann eine optimierte Ausgabe anders aussehen?
Aggressive Präzision, ID-Bereinigung, CSS, Filter, Masken, Schriftarten, Animationen oder externe Assets können das Rendering verändern. Verwenden Sie die Vergleichsansicht und testen Sie Assets in ihrem endgültigen Kontext.
Was kann im Batch-Modus exportiert werden?
Es optimiert bis zu 50 SVG-Dateien, lädt erfolgreiche Ausgaben als ZIP herunter und kann sie zu einem SVG-Symbol-Sprite kombinieren.
Ähnliche Tools
Arbeiten Sie mit weiteren fokussierten Browser-Hilfsmitteln weiter.