Anleitung

Wie wandle ich SVG in PNG um?

Vier Wege, ein SVG in PNG umzuwandeln: im Browser, mit Inkscape, Canva oder einer Design-App. So bleibt der Hintergrund transparent und die Druckgröße stimmt.

Original SVG OriginalSVG Dieses Beispiel ausprobieren
Kurze Antwort

Öffne das SVG in einem Konverter oder einer Design-App und exportiere es als PNG in der Größe, die du brauchst: etwa 2.000 px für Bildschirme oder die Druckbreite in Zoll × 300 für den Druck. Nimm PNG (nicht JPG) und keine Hintergrundfarbe, wenn du Transparenz willst.

SVG-Dateien sind perfekt für Logos und Plotterdateien, aber viele Stellen wollen ein PNG: Etsy-Angebote, Mockup-Tools, Präsentationen, Druckereien und Drucken und Schneiden (Print Then Cut). Die gute Nachricht: Ein SVG lässt sich in jeder Größe ohne Schärfeverlust in ein PNG umwandeln, weil es aus Formen statt aus Pixeln gezeichnet wird. Hier sind vier Wege, vom schnellsten bis zum aufwendigsten.

Methode 1: im Browser (am schnellsten)

  1. Öffne den SVG-in-PNG-Konverter von Vectacle und zieh eine oder mehrere SVG-Dateien hinein (oder füge SVG-Code ein).
  2. Wähle die Größe: 1×, 2× oder 4× die eigene Größe des SVG, eine genaue Breite in Pixeln oder eine Druckgröße in Zoll (1 Zoll = 2,54 cm) mit 150, 300 oder 600 DPI.
  3. Wähle den Hintergrund: Transparent, Weiß oder eine beliebige Farbe.
  4. Klicke auf Herunterladen oder auf Alle herunterladen, um ein ZIP zu bekommen.

Die Umwandlung läuft auf deinem eigenen Computer, private Logos und Kundendateien werden also nirgendwohin hochgeladen.

Methode 2: Inkscape (kostenloses Desktop-Programm)

  1. Öffne das SVG in Inkscape.
  2. Öffne Datei › Exportieren (File › Export, Shift+Ctrl+E).
  3. Wähle Seite (Page) oder Zeichnung (Drawing), stelle die DPI oder die Breite in Pixeln ein, wähle PNG als Format und klicke auf Exportieren.

Inkscape behält die Transparenz standardmäßig bei. Für einen weißen Hintergrund stellst du vorher in den Dokumenteinstellungen (Document Properties) eine Hintergrundfarbe für die Seite ein.

Methode 3: Canva

Lade das SVG im Tab Uploads hoch, füge es in ein Design in der gewünschten Größe ein und lade es als PNG herunter. Ein transparenter Hintergrund gehört zu den kostenpflichtigen Canva-Tarifen; im kostenlosen Tarif bekommt das PNG die Hintergrundfarbe des Designs.

Methode 4: die App, mit der das SVG erstellt wurde

Wenn das SVG aus Illustrator, Affinity Designer oder Figma stammt, exportiere es dort: in Illustrator über File › Export › Export As › PNG, in Affinity über File › Export oder in Figma über das Export-Panel. Die Qualität ist dieselbe; nur dauert es länger, wenn du bloß schnell umwandeln willst.

Wie wandle ich SVG ohne Qualitätsverlust in PNG um?

Qualität geht nur verloren, wenn das PNG zu wenige Pixel für die Stelle hat, an der es gezeigt wird. Ein SVG hat keine feste Auflösung, also legst du die Pixelgröße beim Umwandeln fest: etwa 2.000 px Breite für Bildschirme oder die Druckbreite in Zoll × 300 für den Druck. Im SVG-in-PNG-Konverter von Vectacle wählst du 4×, eine genaue Breite oder eine Druckgröße mit DPI; das PNG wird in dieser Größe neu gezeichnet, deshalb bleiben die Kanten scharf.

Wie wandle ich SVG in eine bestimmte PNG-Größe um?

  • Genaue Pixel: Wähle Breite in px und gib die Breite ein; die Höhe folgt den Proportionen des SVG.
  • Druckgröße: Wähle Druckgröße, gib die Breite in Zoll ein und wähle 150, 300 oder 600 DPI. Die DPI werden im PNG gespeichert, so sieht die Druckerei die gewünschte Größe.
  • Relativ: 1×, 2× oder 4× die eigene Größe des SVG, praktisch für Icons und Retina-Bildschirme.

Wie bleibt der Hintergrund transparent?

Speichere als PNG (JPG kann nicht transparent sein) und füge keine Hintergrundfarbe hinzu. Leere Bereiche des SVG bleiben transparent. Brauchst du einen vollen Hintergrund, wähle stattdessen Weiß oder eine andere Farbe.

Wie speichere ich ein SVG unter Windows oder Mac als PNG?

Die meisten Computer haben keine einfache eingebaute Option „SVG als PNG speichern“. Am einfachsten geht es unter Windows, Mac und Chromebook gleichermaßen mit einem Konverter im Browser (Methode 1), der überall gleich funktioniert. Inkscape (Methode 2) funktioniert offline unter Windows, macOS und Linux.

Welche Größe ist die richtige?

VerwendungAngestrebte Größe
Etsy-ProduktbildEtwa 2.000–3.000 px an der langen Seite
Website oder Social-Media-Post1.080–2.000 px breit
DruckDruckbreite in Zoll × 300 (zum Beispiel 8 Zoll × 300 = 2.400 px)
Sticker mit Drucken und SchneidenDie Stickergröße in Zoll bei 300 DPI, transparenter Hintergrund

Fehlerbehebung

  • Text sieht anders aus: SVG-Text verwendet Schriften über ihren Namen. Ist die Schrift dort, wo du umwandelst, nicht installiert, wird eine ähnliche verwendet. Wandle Text in Pfade um, bevor du das SVG speicherst.
  • Teile fehlen: Manche SVGs verlinken auf externe Bilder, die nicht in der Datei enthalten sind. Bette die Bilder in der Design-App ein, bevor du das SVG exportierst.
  • Kanten sehen gezackt aus: Das PNG ist zu klein für die Stelle, an der es gezeigt wird. Exportiere es größer.

Andersherum? Vectacle wandelt auch PNGs in SVGs um.

Du brauchst stattdessen ein PDF für die Druckerei? SVG in PDF erstellt ein echtes Vektor-PDF in Motivgröße, A4, Letter oder auf einer eigenen Seitengröße.

Fragen

Verliere ich Qualität, wenn ich SVG in PNG umwandle?

Nur wenn das PNG zu klein ist. Ein SVG lässt sich in jeder Größe zeichnen, also wähle genug Pixel für den Einsatzzweck des PNG: etwa 2.000 px für Bildschirme oder die Druckgröße mal 300 DPI für den Druck.

Wie bleibt der Hintergrund transparent?

Speichere als PNG (JPG kann nicht transparent sein) und füge keine Hintergrundfarbe hinzu. Im SVG-in-PNG-Tool von Vectacle ist „Transparent“ voreingestellt.

Kann ich mehrere SVG-Dateien auf einmal in PNG umwandeln?

Ja. Zieh mehrere SVGs in den Konverter; Größe und Hintergrund gelten für alle, und du kannst sie zusammen als ZIP herunterladen.

Welche Auflösung brauche ich für den Druck?

Multipliziere die Druckgröße in Zoll mit 300. Ein Druck von 4 × 6 Zoll (ca. 10,2 × 15,2 cm) braucht 1.200 × 1.800 Pixel. Die Option „Druckgröße“ in Vectacle rechnet das für dich aus und speichert die DPI in der Datei.

Quellen: MDN: SVG · MDN: Image file types

Weitere Anleitungen