SVG-Viewer & Editor
SVG-Dateien online anzeigen, bearbeiten und optimieren. Echtzeit-Vorschau, Code-Bearbeitung und Optimierungstools.
Was ist das SVG-Format?
SVG (Scalable Vector Graphics) ist ein XML-basiertes Vektorbildformat, das unbegrenzte Skalierung ohne Qualitätsverlust ermöglicht. Es wird häufig für Logos, Icons und Webgrafiken verwendet.
Was ist der Unterschied zwischen SVG und PNG?
SVG ist ein Vektorformat, das mathematische Formeln zur Beschreibung von Grafiken verwendet und unbegrenzt skaliert werden kann, ohne an Qualität zu verlieren. PNG ist ein Rasterformat aus Pixeln, das beim Vergrößern unscharf wird. SVG ist ideal für Logos, Icons und Diagramme, während PNG besser für Fotos geeignet ist.
Welche Dateiformate kann ich anzeigen?
Dieses Tool zeigt SVG-Dateien an. Sie können SVG-Code direkt einfügen oder eine .svg-Datei von Ihrem Gerät hochladen.
Kann ich SVG-Code direkt bearbeiten?
Ja, Sie können den SVG-Quellcode im Editor bearbeiten und Änderungen in der Vorschau in Echtzeit sehen.
Wie funktioniert die Echtzeitvorschau?
Das Vorschaupanel aktualisiert sich automatisch, während Sie im Code-Editor tippen, und zeigt Ihnen genau, wie Ihr SVG in Browsern gerendert wird.
Wie optimiere ich mein SVG?
Klicken Sie auf Optimieren, um unnötige Leerzeichen, Kommentare, Metadaten und redundante Attribute zu entfernen und die Dateigröße zu reduzieren.
Kann ich SVG-Farben und -Stile ändern?
Ja, Sie können Füllfarben, Strichfarben, Deckkraft und andere Stilattribute direkt im SVG-Code ändern.
Unterstützt SVG Animationen?
Ja, SVG unterstützt Animationen durch SMIL (Synchronized Multimedia Integration Language) und CSS-Animationen. Sie können Effekte wie Bewegung, Farbänderungen und Formtransformationen direkt in SVG erstellen.
Welche Browser werden unterstützt?
Dieses Tool funktioniert in allen modernen Browsern, einschließlich Chrome, Firefox, Safari und Edge.
Wie kann ich die SVG-Syntax validieren?
Das Tool hebt Syntaxfehler in Ihrem SVG-Code automatisch hervor und hilft Ihnen, Probleme sofort zu erkennen und zu beheben.
Kann ich SVG ohne Qualitätsverlust skalieren?
Ja, SVG ist ein Vektorformat, das auf jede Größe skaliert werden kann, ohne an Qualität zu verlieren oder pixelig zu werden.
Werden meine SVG-Daten an einen Server gesendet?
Nein, alle Verarbeitung erfolgt lokal in Ihrem Browser. Ihr SVG-Inhalt verlässt niemals Ihr Gerät.
So verwenden Sie SVG-Viewer & Editor
SVG Viewer & Editor rendert ein SVG, sobald Sie den Code einfügen oder die Datei ablegen, und erlaubt Markup-Bearbeitung mit Live-Vorschau. Alles geschieht lokal in Ihrem Browser.
- Fügen Sie Ihren SVG-Code in den Editor mit dem Hinweis “Paste SVG code here or drag & drop a file...” ein, oder ziehen Sie eine .svg-Datei auf die Seite.
- Die Grafik wird sofort in der Live-Vorschau neben dem Code gerendert.
- Bearbeiten Sie Attribute wie viewBox, width, height, fill oder Pfaddaten direkt im Code — die Vorschau aktualisiert sich beim Tippen.
- Beheben Sie häufige Probleme direkt, z. B. ein fehlendes xmlns-Attribut oder ein viewBox, der die Grafik abschneidet.
- Kopieren Sie den fertigen Code heraus, sobald die Vorschau passt.
Bleibt die Vorschau leer, prüfen Sie, ob der Code mit <svg beginnt und den xmlns-Namensraum enthält — ein fehlendes xmlns ist die häufigste Ursache.
Verwandte Tools
- SVG-Optimierer SVG-Dateien sofort im Browser optimieren und komprimieren. Metadaten, Kommentare und Editordaten entfernen, Dateigröße um bis zu 60% reduzieren.
- SVG zu PNG Konverter Konvertieren Sie SVG sofort in PNG, JPEG oder WebP im Browser. Skalierung, Größe und Hintergrundfarbe anpassbar. Kostenlos, privat, kein Upload.
- Chmod-Rechner Kostenloser Online-Chmod-Rechner zur Visualisierung und Berechnung von Linux-Dateiberechtigungen mit Kontrollkästchen. Sofortige Umwandlung zwischen numerischer (755, 644) und symbolischer Notation (rwxr-xr-x). Unterstützt Sonderberechtigungen wie setuid, setgid, sticky bit.
- ASCII-Tabelle Vollständige ASCII-Zeichencodierungsreferenz mit Dezimal-, Hexadezimal-, Oktal-, Binärcodes, HTML-Entities und Beschreibungen. Sofortige Suche und Filterung.
- HTTP-Anfrage-Tester Testen Sie REST-APIs direkt im Browser. Senden Sie GET-, POST-, PUT-, DELETE-Anfragen mit benutzerdefinierten Headern, Body und Parametern. Sehen Sie sofort Status, Header und JSON-Body.
- .htaccess-Generator Generieren Sie Apache .htaccess-Regeln für Weiterleitungen, Umschreibungen, Sicherheitsheader, Caching und mehr.
- Robots.txt Generator Kostenloser Online-robots.txt-Generator. Erstellen und passen Sie robots.txt-Dateien an, um das Crawling von Suchmaschinen zu steuern, Crawler-Zugriff zu verwalten und die SEO Ihrer Website zu optimieren.
- Sitemap Generator Kostenloser Online-Sitemap-Generator. URLs hinzufügen, Prioritäten und Häufigkeiten setzen, SEO-Sitemaps sofort erstellen.