SVG in PNG umwandeln
Kostenlos, privat und schnell: Alles läuft in Ihrem Browser, Ihre SVG-Dateien werden nie hochgeladen.
SVG in PNG: Warum umwandeln?
Ein SVG besteht aus Zeichenanweisungen und lässt sich deshalb in jeder Größe scharf darstellen. Viele Stellen nehmen aber nur Pixel an: Präsentationen, Textverarbeitungen, soziale Netzwerke, App-Stores, E-Mail-Signaturen und die meisten Upload-Formulare. Wer in PNG umwandelt, muss entscheiden, wie viele Pixel er braucht – und genau das ist hier die einzige Einstellung: die im SVG selbst festgelegte Größe, das Zwei- oder Vierfache davon oder eine exakte Breite. Die Zeichnung wird in dieser Größe neu gezeichnet und nicht aus einem kleinen Bild hochskaliert. So bleiben die Kanten scharf, und der transparente Hintergrund bleibt transparent. Auch SVGs, die nur eine viewBox und keine Breite oder Höhe haben, werden verarbeitet. Ihr Browser zeichnet das SVG und schreibt das PNG, Ihre Dateien verlassen Ihr Gerät also nie. Schriften und Bilder, die aus anderen Dateien verlinkt sind, können dabei nicht geladen werden; die Liste weist Sie darauf hin, wenn ein SVG solche verwendet.
So wandeln Sie SVG in PNG um
- Ziehen Sie Ihre .svg-Dateien in das Feld oder klicken Sie, um sie auszuwählen.
- Wählen Sie die PNG-Größe – standardmäßig 2× – oder geben Sie eine Breite in Pixeln ein. Die Liste zeigt die resultierende Größe jedes PNG.
- Klicken Sie auf „In PNG umwandeln“ und laden Sie das PNG herunter – oder eine ZIP-Datei mit allen Bildern.
Was sich bei der Umwandlung ändert
Pixel zählen, DPI nicht
Ein PNG hat eine Breite und eine Höhe in Pixeln; ein DPI-Wert ist nur ein in der Datei gespeicherter Hinweis, wie groß es gedruckt werden soll. Über die Schärfe entscheidet die Pixelzahl. Für ein Logo, das 5 cm breit mit 300 Pixeln pro Zoll gedruckt wird, brauchen Sie etwa 590 Pixel in der Breite. Wählen Sie also diese Breite, statt nach einer DPI-Einstellung zu suchen. Für Bildschirme wirkt das Doppelte der im SVG festgelegten Größe auf hochauflösenden Displays scharf.
SVGs ohne Breite und Höhe
Viele Icons und exportierte Grafiken haben nur eine viewBox, zum Beispiel viewBox="0 0 24 24". Browser würden dann von sich aus 300 × 150 Pixel wählen. Der Konverter nimmt stattdessen die viewBox als Grundgröße, also 24 × 24 bei 1× und 48 × 48 bei 2×. Größen in Zoll, Millimetern oder Punkt werden mit 96 Pixeln pro Zoll umgerechnet, dem CSS-Standard.
Verlinkte Schriften und Bilder werden nicht geladen
Zeichnet ein Browser ein SVG als Bild, lädt er aus Sicherheitsgründen nichts außerhalb der Datei nach. Text in einem Webfont wird in einer auf Ihrem Gerät installierten Schrift dargestellt, und per Adresse verlinkte Bilder fehlen. Schriften und Bilder, die als Daten im SVG eingebettet sind, funktionieren. Muss der Text exakt aussehen, wandeln Sie ihn vor dem Export in Ihrem Grafikprogramm in Pfade um.
Der Hintergrund bleibt transparent
Bereiche, die das SVG nicht bemalt, sind im PNG transparent. Für Logos auf farbigen Folien ist das genau richtig, ein weißer Hintergrund wird aber nicht hinzugefügt. Manche Bildbetrachter zeigen Transparenz als Schwarz oder als Schachbrettmuster an.
Sehr große Formate
Eine Zeichenfläche im Browser ist in der Größe begrenzt; diese Seite erlaubt bis zu 16.384 Pixel pro Seite. Smartphones und Tablets können schon früher scheitern. Erstellen Sie PNGs in Postergröße daher an einem Computer.
Über die Formate
SVG
SVG (Scalable Vector Graphics) ist das XML-Format des W3C für Vektorzeichnungen und seit 2001 eine W3C-Empfehlung. Statt Pixeln speichert es Formen, Pfade, Text und Farbverläufe als Anweisungen, daher bleibt ein SVG in jeder Größe scharf. Logos, Icons, Diagramme und Illustrationen, die aus Figma, Illustrator oder Inkscape exportiert werden, sind oft SVG-Dateien.
- Eine reine Textdatei, die sich in jedem Texteditor öffnen und bearbeiten lässt.
- Hat keine feste Pixelgröße: Breite, Höhe und viewBox geben nur an, wie groß es standardmäßig gezeichnet wird.
- Kann Schriften und Bilder aus anderen Dateien oder von Websites verlinken, die dann ebenfalls verfügbar sein müssen.
- Lässt sich in jedem Browser öffnen, aber viele Office-Programme, soziale Netzwerke und Upload-Formulare nehmen nur PNG oder JPG an.
PNG
PNG (Portable Network Graphics) ist ein verlustfreies Bildformat aus dem Jahr 1996 und das übliche Format für Screenshots, Logos, Diagramme und Bilder mit Transparenz. Jedes Pixel wird exakt gespeichert, Text und scharfe Kanten bleiben daher gestochen scharf.
- Verlustfrei: Erneutes Speichern verschlechtert die Qualität nie.
- Unterstützt volle Transparenz (einen Alphakanal).
- Als PNG gespeicherte Fotos sind meist um ein Vielfaches größer als als JPG.
Häufige Fragen
Werden meine SVG-Dateien hochgeladen?
Nein. Ihr Browser zeichnet das SVG und erstellt das PNG auf Ihrem Gerät.
Wie groß sollte mein PNG sein?
Für eine Webseite oder Folie das Doppelte der Größe, in der es angezeigt wird. Für den Druck multiplizieren Sie die gedruckte Breite in Zoll mit 300. Icons für Apps und Favicons haben meist feste Größen, die die jeweilige Plattform vorgibt.
Warum sieht der Text in meinem PNG anders aus?
Wahrscheinlich verwendet das SVG einen Webfont, der verlinkt statt eingebettet ist, und der Browser weicht auf eine andere Schrift aus. Wandeln Sie den Text in Illustrator, Inkscape oder Figma in Pfade um oder betten Sie die Schrift ein, und wandeln Sie die Datei erneut um.
Kann ich statt Transparenz einen weißen Hintergrund bekommen?
Nicht über eine Einstellung auf dieser Seite. Fügen Sie als erstes Element des SVG ein weißes Rechteck ein oder legen Sie das PNG in einem Bildbearbeitungsprogramm auf einen weißen Hintergrund.
Ist das PNG noch eine Vektorgrafik?
Nein. Das PNG besteht aus Pixeln in der gewählten Größe. Bewahren Sie das SVG als Original auf und erstellen Sie ein neues PNG, wann immer Sie eine andere Größe brauchen.