Was ist eine SVG-Datei?
SVG (Scalable Vector Graphics) ist ein Vektor-Bildformat: Statt Pixel zu speichern, beschreibt es Formen, Linien und Farben mathematisch. Deshalb sieht ein SVG in jeder Größe perfekt scharf aus – vom 16-Pixel-Icon bis zum riesigen Banner. Es ist das übliche Format für Logos, Icons und flache Illustrationen.
Viele Apps akzeptieren aber kein SVG: soziale Netzwerke, Textverarbeitungen, manche E-Commerce-Plattformen, Messenger und ältere Präsentationsprogramme. Dann brauchst du ein Pixelbild, und PNG ist die beste Wahl, weil es Transparenz und scharfe Kanten erhält.
So wandelst du SVG in PNG um
- Füge ein oder mehrere SVGs hinzu – per Drag & Drop oder über den Auswahl-Button.
- Wähle die Ausgabegröße: 1x nutzt die Originalmaße des SVG; 2x, 4x oder 8x vervielfachen die Auflösung für Retina-Displays, Druck oder Poster.
- Wähle den Hintergrund: transparent (Standard), weiß oder eine eigene Farbe.
- Lade jedes PNG einzeln oder alle als ZIP herunter.
Da das SVG in der gewählten Größe neu gezeichnet wird, bleibt das PNG auch bei 8x scharf: Es wird kein kleines Bild vergrößert, sondern der Vektor direkt in dieser Auflösung gerendert.
Welche Größe solltest du wählen?
- 1x: um die Grafik unverändert in Dokumenten oder auf Webseiten zu nutzen.
- 2x: empfohlen für Retina-Displays und soziale Netzwerke.
- 4x oder 8x: für Druck, große Präsentationen oder wenn du später zuschneiden willst.
Gibt das SVG keine Abmessungen an, wird seine viewBox verwendet; fehlt auch diese, gelten 512 × 512 Pixel als Basis.
Einschränkungen, die du kennen solltest
Aus Sicherheitsgründen laden Browser in einem als Bild dargestellten SVG keine externen Ressourcen: Verlinkte Webfonts und verlinkte Bilder erscheinen nicht. Nutzt dein Logo eine spezielle Schrift, wandle den Text in deinem Designprogramm vor dem SVG-Export in Pfade um. Systemschriften und alle eingebetteten Inhalte werden normal angezeigt.
Privatsphäre
Deine SVG-Dateien werden komplett in deinem Browser verarbeitet. Sie werden nie auf einen Server hochgeladen, du kannst also Kundenlogos oder unveröffentlichte Designs ohne Bedenken umwandeln.
Tipps für das beste PNG
Wandle vor dem Export aus Illustrator, Inkscape oder Figma Texte in Pfade um und vermeide verlinkte Bilder: So ist das SVG in sich geschlossen und sieht überall gleich aus. Brauchst du bestimmte Größen für App-Icons oder Favicons, exportiere in 8x und nutze dann das Tool zum Ändern der Bildgröße, um jede exakte Größe in maximaler Schärfe zu erhalten. Für den Einsatz auf einer Website kannst du das PNG anschließend mit dem WebP-Konverter umwandeln – das erhält die Transparenz und ist kleiner.
Häufige Fragen
Kann ich SVG mit transparentem Hintergrund in PNG umwandeln?
Ja, das ist der Standard. Du kannst auch Weiß oder eine andere Hintergrundfarbe wählen.
Wie bekomme ich ein hochauflösendes PNG?
Wähle den Maßstab 4x oder 8x. Der Vektor wird direkt in dieser Größe gerendert und bleibt daher perfekt scharf.
Warum fehlt der Text in meinem SVG?
Wahrscheinlich nutzt er einen verlinkten Webfont, den der Browser aus Sicherheitsgründen nicht lädt. Wandle den Text in deinem Designprogramm in Pfade um und exportiere erneut.
Kann ich mehrere SVGs auf einmal umwandeln?
Ja – wähle alle aus, die du brauchst, und lade sie als ZIP herunter.
Werden meine Dateien hochgeladen?
Nein, alles wird auf deinem Gerät verarbeitet.