So läuft die Umwandlung in Ihrem Browser
Sie wählen eine oder mehrere SVG-Dateien aus oder ziehen sie in das Feld. Das Werkzeug liest die Grafik als Text, setzt die gewünschte Pixelgröße und lässt den Browser sie zeichnen, mit demselben Programmteil, mit dem er SVG-Logos auf Webseiten darstellt. Das Ergebnis landet auf einer unsichtbaren Zeichenfläche (Canvas) und wird als PNG gespeichert. Fertige Dateien laden Sie einzeln oder ab zwei Stück gemeinsam als ZIP herunter; aus „logo.svg“ wird „logo.png“.
Kein Upload, und das können Sie selbst prüfen
Die Seite schickt keine Datei an einen Server, auch nicht an unseren. Prüfen lässt sich das in jedem Desktop-Browser: Entwicklerwerkzeuge öffnen (F12), Reiter „Netzwerk“, dann eine Datei umwandeln. Es erscheint keine Anfrage, die Ihre Datei enthält. Beim Öffnen holt die Seite einige Programmteile von dieser Domain, etwa den ZIP-Packer, danach nichts mehr. Wer es ganz genau wissen will, lädt die Seite, wählt einmal eine Testdatei, schaltet dann das WLAN ab und wandelt weiter um. Das funktioniert; wir haben es am 02.10.2026 in Chrome so getestet.
Welche Größe das PNG bekommt
Eine SVG-Datei ist eine Zeichenanweisung, keine Pixelgrafik. Die Größe in Pixeln entscheidet erst das Umwandeln. Ohne Ihre Vorgabe nimmt das Werkzeug die Größe aus der Datei, und zwar in dieser Reihenfolge:
- Stehen
widthundheightim Wurzelelement, gelten diese. Maßeinheiten rechnet es nach CSS Values 3 um: 1 Zoll = 96 Pixel, 1 cm = 37,8 Pixel, 1 pt = 1,33 Pixel. Ein Logo mitwidth="10cm"wird also 378 Pixel breit. - Steht nur eine der beiden Angaben da, ergibt sich die andere aus dem Seitenverhältnis der
viewBox(SVG 2). - Steht nur die
viewBoxda, gelten ihre Zahlen. Ein Symbol mitviewBox="0 0 24 24"wird 24 × 24 Pixel groß. - Fehlt alles, nimmt das Werkzeug wie jeder Browser 300 × 150 Pixel (CSS 2.2).
Mit „Breite“ oder „Höhe“ geben Sie die Pixelzahl selbst vor; die andere Seite passt sich an. Geben Sie beide an, bleibt das Seitenverhältnis der Grafik trotzdem erhalten, wie es die SVG-Regel preserveAspectRatio vorsieht. Übrig bleibende Ränder sind dann durchsichtig oder weiß. „Skalierung“ multipliziert das Ergebnis: Das 24-Pixel-Symbol wird mit 4× zu 96 × 96 Pixeln, scharf, denn der Browser zeichnet die Vektoren in der neuen Größe neu.
Ein Beispiel aus unserem Test: Eine Grafik mit width="5cm" und height="2.5cm" wird ohne Vorgabe 189 × 94 Pixel groß. Mit Breite 500 und Skalierung 2× ergibt sie 1.000 × 500 Pixel. Ein quadratisches Symbol mit Breite 300 und Höhe 100 bleibt quadratisch, 100 × 100 Pixel in der Mitte, links und rechts je 100 Pixel durchsichtiger Rand.
Schriften, eingebundene Bilder und Effekte
Texte zeichnet der Browser mit den Schriften, die auf Ihrem Gerät installiert sind. Fehlt die Schrift aus der SVG, nimmt er eine Ersatzschrift, und der Text sieht anders aus oder läuft breiter. Webfonts funktionieren nur, wenn sie in der SVG eingebettet sind (als data:-Adresse im @font-face); verlinkte Schriften und Bilder lädt ein Browser beim Zeichnen einer SVG als Bild grundsätzlich nicht. Das Werkzeug schreibt einen Hinweis in die Liste, wenn es solche Verweise findet. Sicher ist, Texte im Grafikprogramm vorher in Pfade umzuwandeln, in Inkscape mit „Pfad“ und „Objekt in Pfad umwandeln“.
Verläufe, Masken, Filter und Schatten zeichnet der Browser selbst. Animationen ergeben das erste Bild. Skripte in der SVG laufen nicht. Enthält die Grafik ein foreignObject (eingebettetes HTML), sperren Chrome und Safari den Export als Bild, die Liste meldet das dann. Firefox exportiert solche Grafiken (geprüft am 02.10.2026).
Transparenz und Hintergrund
PNG speichert zu jedem Pixel eine Deckkraft (W3C PNG). Was in der SVG keinen Hintergrund hat, bleibt im PNG durchsichtig, Kanten sind weich geglättet. Mit „Hintergrund: Weiß“ bekommt das PNG eine weiße Fläche, das ist für Word, PowerPoint oder Druckportale oft angenehmer. Brauchen Sie aus einem Logo die kleinen Symbole für eine Webseite, macht das der Favicon-Generator in einem Schritt.
Grenzen der Umwandlung im Browser
Eine SVG-Datei darf bis 50 MB groß sein, die Liste nimmt bis 200 Dateien auf einmal. Breite und Höhe lassen sich bis 16.384 Pixel einstellen; größere Werte setzt das Werkzeug auf 16.384 Pixel und schreibt das in die Liste. Im Browser auf iPhone und iPad ist eine Zeichenfläche höchstens 8.192 × 8.192 Pixel groß (WebKit-Quelltext, CanvasBase.cpp, Stand 02.10.2026); größere Wünsche verkleinert das Werkzeug dort und schreibt das dazu. Gepackte SVGZ-Dateien öffnet es nicht, die entpacken Sie vorher. Den umgekehrten Weg, ein PNG in Vektoren zu verwandeln, kann dieses Werkzeug nicht.