Eine SVG-Datei enthält keine Pixel, sondern Zeichenanweisungen: Pfade, Farben, Texte und Koordinaten in XML. PNG speichert dagegen ein festes Raster. Wer SVG in PNG umwandelt, lässt die Grafik also einmal in einer bestimmten Größe zeichnen und speichert das Ergebnis. Fast alle Schwierigkeiten dabei hängen an zwei Fragen: Wie groß soll das PNG werden, und hat der Renderer alles, worauf die SVG verweist?
Wofür man SVG in PNG konvertiert
- Uploads ohne SVG-Unterstützung. Viele Shopsysteme, Kleinanzeigenportale, Profilbilder in sozialen Netzwerken und Redaktionssysteme nehmen nur Rastergrafiken an. Weil SVG Skripte enthalten kann, sperren Formulare das Format oft bewusst.
- E-Mail-Signatur und Newsletter. Gmail und Outlook für den Desktop zeigen SVG nicht zuverlässig an. Logos in Signaturen sind deshalb fast immer PNG.
- Feste Pixelmaße. Favicons, App-Icons und Grafiken für App-Stores werden in Pixeln vorgegeben.
- Einheitliches Aussehen. Eine SVG hängt von den Schriften und der Filter- und CSS-Unterstützung des Betrachters ab. Ein PNG sieht überall gleich aus.
So rendert unser Konverter die SVG
Wir rendern die Datei mit 150 DPI. Unser Konverter rechnet wie Browser und der SVG-Standard mit 96 Einheiten (px) pro Zoll. Bei 150 DPI wird also jedes SVG-Pixel zu 1,5625 PNG-Pixeln. Angaben in mm, cm oder pt laufen über denselben Zoll.
| Größe des SVG-Dokuments | PNG-Ergebnis |
|---|---|
| Icon 24 × 24 px | etwa 38 × 38 px |
| 640 × 480 px | 1000 × 750 px |
| DIN A4, 210 × 297 mm | 1240 × 1754 px |
| Plakat DIN A0, 841 × 1189 mm | 4967 × 7022 px |
Exportiert wird die Seite, die width, height und viewBox festlegen, nicht der Umriss der Zeichnung. Objekte außerhalb der Seite werden abgeschnitten, leere Ränder bleiben. Hat die Datei nur eine viewBox, gelten deren Zahlen als Pixel. Das PNG ist RGBA mit 8 Bit pro Kanal und trägt 150 DPI im Header, sodass es in einem Druckdokument in der vorgesehenen Größe erscheint.
Transparenz bleibt erhalten: Wo nichts gezeichnet ist, ist das PNG durchsichtig. Ein weißer Hintergrund entsteht nur, wenn die SVG selbst eine Fläche zeichnet oder in Inkscape mit deckender Seitenfarbe gespeichert wurde. Filter wie Weichzeichner und Schlagschatten werden ebenfalls mit 150 DPI gerastert.
Schriften, verknüpfte Bilder und externe Verweise
Die Umwandlung läuft auf unserem Server ohne Internetzugang, und der Server erhält nur die eine hochgeladene Datei.
- Schriften. Ein Text in SVG speichert nur den Namen der Schrift. Fehlt sie, springt eine Ersatzschrift ein, und der Text wird breiter oder schmaler, läuft aus Kästen heraus oder überlappt. Installiert sind DejaVu, Liberation (metrisch kompatibel zu Arial, Times New Roman und Courier New), Carlito und Caladea (Ersatz für Calibri und Cambria), die URW-Nachbildungen von Helvetica, Times und den übrigen PostScript-Grundschriften sowie Noto einschließlich Chinesisch, Japanisch und Koreanisch. Hausschriften wie Montserrat oder Roboto und per
@font-faceeingebundene Webfonts fehlen. Sicher ist nur eines: Text vor dem Export in Pfade umwandeln, in Inkscape mit Pfad → Objekt in Pfad umwandeln, in Illustrator mit Schrift → In Pfade umwandeln, in Figma mit der Exportoption Outline text. - Verknüpfte Bilder. Eine Bitmap, die als
href="foto.jpg"oder über einen Pfad auf Ihrer Festplatte eingebunden ist, wird nicht mit hochgeladen und fehlt im Ergebnis. Bilder vonhttps://-Adressen werden ebenfalls nicht geladen. Als base64 eingebettete Bilder (data:) funktionieren. In Inkscape erledigt das die Erweiterung zum Einbetten von Bildern im Menü Erweiterungen → Bilder. - HTML in SVG. Diagramm-Werkzeuge legen Beschriftungen oft als HTML in
<foreignObject>ab. Das zeichnet unser Konverter nicht. Es erscheint nur der Ersatztext, manchmal mit dem Hinweis „Viewer does not support full SVG 1.1“. Schalten Sie formatierte (HTML-)Beschriftungen vor dem Export ab. - Animationen und Skripte werden ignoriert. Das PNG zeigt den Ausgangszustand.
Typische Probleme beim Umwandeln von SVG in PNG
Das PNG ist zu klein oder unscharf
Das Ergebnis ist immer 1,5625-mal so groß wie die SVG selbst, eine andere Größe lässt sich hier nicht wählen. Für eine bestimmte Breite skalieren Sie das Dokument vorher: Für ein 512 px breites PNG braucht die SVG eine Breite von 327,68 px (viewBox unverändert lassen, nur width und height ändern). Für Icon-Sets in vielen Größen eignet sich der Export-Dialog von Inkscape oder inkscape --export-width=512 icon.svg besser.
Schwarzer statt transparenter Hintergrund
Das PNG ist transparent, manche Bildbetrachter stellen Transparenz aber schwarz dar. Im Browser geöffnet sehen Sie den Unterschied. Brauchen Sie einen weißen Hintergrund, wandeln Sie das PNG weiter in JPG um, dort wird Transparenz weiß gefüllt.
Ein Teil der Grafik fehlt
Diese Objekte liegen außerhalb der Seite. In Inkscape markieren Sie alles (Strg+A) und passen mit Umschalt+Strg+R die Seite an die Auswahl an.
SVG und PNG im Überblick
SVG ist ein W3C-Standard: Version 1.0 wurde im September 2001 Empfehlung, 1.1 im Jahr 2003, und die Second Edition von 1.1 aus dem August 2011 ist bis heute die Fassung, die Programme am vollständigsten umsetzen (Spezifikation). PNG entstand Mitte der 1990er-Jahre als patentfreier Ersatz für GIF, wurde im Oktober 1996 W3C-Empfehlung und als ISO/IEC 15948:2004 internationale Norm. Die dritte Ausgabe vom Juni 2025 nimmt animierte PNG und HDR offiziell auf (Beschreibung der Library of Congress).
| SVG | PNG | |
|---|---|---|
| Inhalt | Vektorformen und Text in XML | Pixel, verlustfrei komprimiert |
| Skalierung | in jeder Größe scharf | feste Auflösung |
| Transparenz | ja | ja, voller Alphakanal |
| Text | editierbar, abhängig von Schriften | Teil des Bildes |
Andere Wege zum PNG
Mit installiertem Inkscape haben Sie beim Export volle Kontrolle über Größe und Bereich. Jeder Browser zeigt SVG an, ein Screenshot liefert aber nur Bildschirmauflösung. Unser Konverter hilft, wenn keine Software zur Hand ist, Sie am Smartphone arbeiten oder bis zu 10 Dateien auf einmal umwandeln und als ZIP herunterladen wollen.