SVG zu PNG exportieren — 1×/2×/3× und die Font-Fallback-Falle
Tomoda HinataTool-Autor & MaintainerVeröffentlicht am 26. Apr. 2026ca. 4 Min. Lesezeit
SVG ist ein Vektorformat — Linien, Kurven, Text sind in jeder Größe scharf. Das Web mag Vektoren. Aber Slack, Discord, Office, soziale Medien und E-Mail wollen PNG. Der Export sieht trivial aus, bis Schriften (vom Browser gerendert, nicht vom SVG) oder HiDPI 1×/2×/3× ins Spiel kommen.
Im Leitfaden verwendete Tools
Warum SVG → PNG?
Moderne Browser zeigen SVG nativ. Konvertieren ist nötig für Slack, Discord, Office, E-Mail, iMessage, Marktplätze, SNS.
Größe wählen — 2×-Regel
Maximale Anzeigegröße × 2 exportieren. 32 px Favicon → 64 px PNG.
Schriften — der stille Bruch
`<text>`-Elemente brauchen die Schrift im Rendering-Environment. Vor dem Export Text in Pfade konvertieren.
Transparenz und Hintergrund
Standard transparent; bei Bedarf in Tool Hintergrundfarbe setzen.
Animiertes SVG
PNG ist still; APNG schlecht unterstützt. Animationen als WebP.
Schritte
SVG ablegen
Eine .svg-Datei, bis 5 MB.
Größen wählen
Maximale Größe + 1×/2×/3× ankreuzen.
Hintergrund
Standard transparent; oder Volltonfarbe.
ZIP herunterladen
name@1x.png, @2x, @3x in einem ZIP.
Häufig gestellte Fragen
PNG-Export sieht anders aus als SVG im Browser
Meist Font-Fallback. Text vor Export in Pfade umwandeln.
Über 4× möglich?
Bis 8×; ab 3× nimmt sichtbare Qualität nicht mehr zu.
SVG mit eingebetteten Rasterbildern?
Wird durchgereicht und in Exportauflösung neu codiert.
Transparenz erhalten?
Ja, Standard.
Auch JPG?
Ja, aber JPG hat kein Alpha.
Werden Dateien hochgeladen?
Nein.
Jetzt ausprobieren
Rasterize SVG vectors to PNG at any size
SVG to PNG ConverterDieser Artikel enthält KI-Übersetzungen. Bitte Fehler melden.