SVG zu PNG konvertieren
SVG ist ein Vektorformat: Es definiert Formen mit mathematischen Koordinaten. PNG ist ein Rasterformat: Ein festes Pixelraster. SVG zu PNG zu konvertieren bedeutet, eine Auflösung zu wählen und den Vektor in Pixeln einzufrieren.
So funktioniert es
- Ziehe eine SVG Datei per Drag & Drop oder wähle sie aus
- Das Tool lädt das SVG in ein
<img>Element - Eine Canvas wird mit den Zielabmessungen erstellt
- Das SVG wird mit
drawImage()auf die Canvas gezeichnet - Die Canvas exportiert PNG über
toDataURL('image/png')
Warum Entwickler PNG Versionen von SVGs benötigen
Soziale Medien und Open Graph Bilder
Twitter, Facebook, LinkedIn benötigen Rasterbilder. SVG als og:image wird ignoriert.
E-Mail Clients
Die meisten E-Mail Clients blockieren SVG aus Sicherheitsgründen. PNG ist die sichere Wahl.
Native App Assets
iOS und Android verlangen Raster Icons in bestimmten Größen.
Die richtige Auflösung wählen
| Anwendungsfall | Empfohlene Größe |
|---|---|
| Social Media Teilen | 1200 x 630 |
| App Icon (hohe Auflösung) | 512 x 512 |
| Favicon (PNG Fallback) | 32 x 32 |
| E-Mail Header | 600 x 200 |
Tipps für sauberes Rastern
Schriftarten einbetten
Wandle Text vor dem Export in deinem Vektoreditor in Pfade um.
Expliziten viewBox setzen
SVGs ohne viewBox können in unerwarteter Größe gerendert werden.
Um Bilder zur Einbettung zu codieren, wirf einen Blick auf den Base64 Encoder. Für andere Konvertierungen kehre zum Image Converter zurück.