Entwickler / SVG-Prüfung

SVG-Viewer: SVGs prüfen, skalieren und kopieren

Zeige SVG-Code lokal mit Zoom- und Hintergrundoptionen an. Prüfe Abmessungen und Farbangaben, bearbeite Breite und Höhe, repariere die viewBox und lade eine Data-URI herunter oder kopiere sie.

SVG-Viewer: SVGs prüfen, skalieren und kopieren: Liest SVG-Abmessungen, viewBox, Elementanzahl, Bytegröße und die explizite Verwendung von Farben aus. Bearbeitet nach der Bereinigung nur die angeforderten Größenattribute des Wurzelelements. Eine fehlende viewBox kann aus den Quelldimensionen ergänzt werden; im responsiven Modus bleibt die viewBox erhalten und die Attribute width und height werden entfernt. Läuft zu 100% lokal in deinem Browser, ohne Datei-Uploads zum Server.

Kategorie
Entwicklerwerkzeuge
Ausführungen
In deinem Browser
Kosten
Kostenlos · ohne Anmeldung
Verfügbarkeit
Einsatzbereit
SVG-Anzeige und -SkalierungLokale Verarbeitung

Läuft vollständig in deinem Browser

SVG auswählen oder hier ablegen

SVG-Ansichtsfenster und viewBox

Die viewBox besteht aus vier Zahlen: minimaler x-Wert, minimaler y-Wert, Breite und Höhe. Breite und Höhe müssen positiv sein. Spezifikation: https://www.w3.org/TR/SVG2/coords.html

Größen und lokale Vorschauen

Absolute Längen werden mit 96 CSS-Pixeln pro Zoll umgerechnet. Vorschauzoom und Hintergrund verändern das exportierte Markup nicht. Regeln für die Verarbeitung von SVG-Bildern: https://www.w3.org/TR/SVG2/conform.html

So benutzt du es

  1. Lade ein SVG hoch oder füge den Code ein, um eine bereinigte Vorschau zu prüfen.
  2. Lege die Abmessungen fest, sperre bei Bedarf das Seitenverhältnis, passe die viewBox an oder entferne die Abmessungen für eine responsive Darstellung.
  3. Lade das SVG herunter, kopiere den Code oder kopiere eine codierte Data-URI.

Datenschutz & Einschränkungen

Das SVG wird lokal verarbeitet und als isoliertes Bild dargestellt. Skripte, Event-Handler und externe Ressourcen werden entfernt.

Ähnliche Tools

SVG zu PNGSVG‑BereinigerSVG-Editor

Häufige Fragen

Ändert eine Änderung der viewBox das Bildmotiv?

Sie ändert den sichtbaren Koordinatenbereich. Verwende die vorhandene viewBox, wenn du nur die Anzeigegröße ändern möchtest; eine andere viewBox kann die sichtbare Zeichnung beschneiden oder verschieben.

Was passiert, wenn Abmessungen fehlen?

Der Viewer verwendet zuerst die Abmessungen der viewBox und anschließend einen Fallback von 300 × 150 Pixeln. Absolute physische Längen verwenden 96 Pixel pro Zoll; relative Längen benötigen eine umgebende Seite, um präzise aufgelöst zu werden.

Warum entfernt der responsive Modus width und height?

Eine viewBox erhält das Koordinatensystem, während ein umgebendes Layout die angezeigte Größe steuert.

Kann ich eine Data-URI kopieren?

Ja. Die Data-URI enthält das bereinigte Ausgabe-SVG mit URI-Codierung.

Kostenloses Tool · läuft in deinem browser · kein Konto nötig