SVG-viewBox reparieren

Nein. Die Umwandlung läuft vollständig in deinem Browser. Die Datei verlässt dein Gerät nicht – es gibt keinen Server, der sie sehen könnte. Sobald die Seite geladen ist, funktioniert das Werkzeug sogar offline.

Die viewBox sagt dem Browser, welchen Ausschnitt der Zeichnung die Datei zeigt, und erlaubt dem SVG, in jede Grösse zu skalieren. Manche Exporte schreiben nur width und height; so eine Datei wird dann immer in dieser festen Grösse dargestellt – ein 24-px-Icon bleibt 24 px, egal wie gross du es machst, oder wird abgeschnitten. Eine viewBox, die zu width und height passt, behebt das, ohne die Zeichnung zu verändern.

Nur das Wurzel-Tag <svg>: Eine viewBox wird ergänzt, wenn sie fehlt, oder neu geschrieben, wenn sie fehlerhaft ist (falsche Anzahl Werte, Grösse null oder negativ). width und height in pt, mm, cm oder in werden mit 96 dpi in Pixel umgerechnet, wie CSS es festlegt. Alles andere in der Datei bleibt Byte für Byte, wie es war – eine gültige viewBox wird nie angefasst.

Wenn sich das SVG an seinen Container anpassen soll – Inline-Icons, responsive Logos, CSS-Hintergründe. Ohne width und height richtet sich der Browser nach den Massen aus CSS oder dem <img>-Tag und behält das Seitenverhältnis aus der viewBox. Behalte sie bei einer Datei, die eine feste natürliche Grösse haben muss, etwa einem Druck-Export.

width und height in Prozent, em oder ex hängen von der Umgebung ab, daraus lässt sich keine Pixelgrösse ableiten. Öffne die Datei in deinem Editor, setze eine absolute Grösse (zum Beispiel 64 × 48 px) und versuche es erneut.