SVG zu PNG Konvertierung Vollständige Anleitung

SVG (Scalable Vector Graphics) und PNG (Portable Network Graphics) dienen unterschiedlichen Zwecken. SVG ist auflösungsunabhängig und ideal für Logos und Icons, während PNG ein Rasterformat ist — perfekt für Screenshots und Kompatibilität.

Die Konvertierung von SVG in PNG erfordert die Wahl der richtigen Canvas-Größe und Pixeldichte. Dasselbe SVG kann ein gestochen scharfes 32×32-Favicon oder ein 4000px-Banner erzeugen.

SVG vs PNG: Hauptunterschiede

SVG ist XML-basiert und speichert Formen als mathematische Pfade — es skaliert unbegrenzt ohne Qualitätsverlust. PNG ist ein Rasterformat: Jedes Pixel hat eine feste Farbe. SVGs sind für einfache Grafiken klein und bearbeitbar; PNGs werden universell unterstützt und von vielen Plattformen benötigt.

Wann SVG in PNG konvertieren

SVG in PNG konvertieren, wenn: (1) die Zielplattform kein SVG unterstützt — E-Mail-Clients, Word, PowerPoint; (2) ein Asset mit fester Größe für Social-Media-Profilbilder benötigt wird; (3) Favicons bei 16×16, 32×32 oder 180×180 generiert werden; (4) das SVG Filter verwendet, die Browser inkonsistent rendern; (5) das SVG mit einem Rasterhintergrund kombiniert werden soll.

Auflösung wählen

Auflösung ist die Schlüsselentscheidung. Für Web bei Standarddichte reicht 1× (72 DPI). Für Retina/HiDPI-Bildschirme bei 2× (144 DPI) oder 3× exportieren. Für Druck mindestens 300 DPI verwenden. Praktische Regel: Anzeigesize in Pixel mit dem Dichtemultiplikator multiplizieren. Ein 200×200px-Icon → 400×400px für 2×-Bildschirme exportieren.

Transparenz und Alphakanal

PNG unterstützt volle Alpha-Transparenz (0–255 pro Pixel), ideal für Logos auf variablen Hintergründen. Beim Konvertieren sicherstellen, dass das SVG keine Hintergrundfüllung hat. Wenn die Ausgabe einen weißen Hintergrund hat, füllt der Konverter transparente Pixel — Exporteinstellungen auf transparente Canvas-Option prüfen.

Exporteinstellungen

PNG ist verlustfrei — kein Qualitätsschieberegler wie bei JPEG. Komprimierungsgrad (0–9) beeinflusst Dateigröße, nicht Bildqualität. Für Web-Lieferung ist Grad 6–8 ein gutes Gleichgewicht. PNG-24 (24-Bit-Farbe + 8-Bit-Alpha) verarbeitet Verläufe; PNG-8 (256 Farben) ist kleiner aber begrenzt.

Häufige Anwendungsfälle

Favicons: bei 16×16, 32×32, 48×48 und 180×180 exportieren. Social Media: Open-Graph-Bilder bei 1200×630, Twitter Cards bei 800×418. App-Icons: mehrere Größen (48, 72, 96, 144, 192px für Android; 29, 58, 87, 120, 180px für iOS). E-Mail-Signaturen: 200–300px breit bei 2× für Retina.

FAQ