SVG zu PNG Konverter: Vektorgrafiken in beliebiger Größe rasterisieren

Zuletzt aktualisiert: June 28, 2026

SVG und PNG sind grundlegend unterschiedliche Bildtypen. SVG ist ein Vektorformat – es speichert Formen als Mathematik, sodass es ohne Qualitätsverlust auf jede Größe skaliert werden kann. PNG ist ein Rasterformat – es speichert ein festes Gitter von Pixeln, daher hat es eine native Auflösung und verschwimmt beim Vergrößern. Die Konvertierung von SVG nach PNG bedeutet, dass man die Pixeldimension wählen muss, denn einmal rasterisiert, geht die Skalierbarkeit verloren. Dieser Leitfaden behandelt, wie Sie die richtige Auflösung auswählen, wann Sie tatsächlich konvertieren müssen und wie Sie scharfe PNGs aus SVGs exportieren.

Kurzantwort: Wie konvertiert man SVG nach PNG?

Öffnen Sie das SVG in einem Konverter oder Design-Tool, legen Sie die Zielpixeldimensionen fest (und berücksichtigen Sie bei Bedarf Retina – exportieren Sie mit 2x der Anzeigegröße) und exportieren Sie es als PNG. Wählen Sie eine Größe, die groß genug für jeden Ort ist, an dem das PNG verwendet wird, denn ein PNG später zu vergrößern, führt unweigerlich zu Qualitätsverlusten. Verwenden Sie den SVG to PNG converter für schnelle Einzel-Exporte oder ein Design-Tool für Stapelarbeiten. Bewahren Sie das Original-SVG auf, da es die skalierbare Quelle bleibt, falls Sie jemals eine andere Größe benötigen.

Was ist der Unterschied zwischen SVG und PNG?

Die Unterscheidung von Vektor versus Raster erklärt alles darüber, warum und wann konvertiert werden muss.

• SVG bleibt bei jeder Auflösung scharf – ein Logo ist sowohl bei 16px als auch bei 1600px aus derselben Datei gestochen scharf.
• PNG ist auf seine Pixeldimensionen festgelegt – exportieren Sie es zu klein, kann es nicht sauber vergrößert werden.
• SVG kann keine Fotografien darstellen; PNG hingegen schon, weshalb Fotos niemals SVGs sind.

Wann sollte man SVG nach PNG konvertieren?

SVG ist das bessere Format, wenn die Umgebung dies unterstützt, daher ist die Konvertierung ein Fallback für Fälle, in denen SVG nicht funktioniert. Konvertieren Sie, wenn es zwingend erforderlich ist; ansonsten behalten Sie das SVG bei.

• Nicht unterstützte Umgebung – einige E-Mail-Clients und ältere Tools rendern kein SVG.
• Eingebettete Rasteranforderung – ein System, das nur PNG oder JPG akzeptiert.
• Gemischter fotografischer Inhalt – obwohl in diesem Fall die Quelle nicht SVG sein sollte.
• Caching und Performance – ein vorgerendertes PNG kann schneller geladen werden als das Parsen von SVG bei jedem Laden.

Für Websites ist SVG in der Regel vorzuziehen, da es auf Retina-Bildschirmen scharf bleibt und klein heruntergeladen wird. Der retina display guide erklärt, warum Vektorgrafiken das Auflösungsproblem für Logos und Icons vollständig eliminieren.

Wie wählt man die richtige Auflösung?

Die Entscheidungsfindung zur Auflösung ist permanent, daher ist sie wichtig. Exportieren Sie das PNG in der größten Größe, in der es jemals angezeigt wird, multipliziert mit dem Geräte-Pixelverhältnis für Retina-Schärfe.

• Wenn das PNG in mehreren Größen verwendet wird, exportieren Sie es in der größten Größe und lassen Sie CSS es herunterskalieren.
• Für Retina-Schärfe exportieren Sie mit 2x (oder 3x für Smartphones) den Anzeigedimensionen.
• Zu klein zu exportieren, ist der häufige, nicht wieder gutzumachende Fehler.

Die Mathematik ist einfach: Bestimmen Sie die größte Anzeigebreite, verdoppeln Sie diese für Retina und exportieren Sie in dieser Pixelbreite. Der retina display guide behandelt den 2x- und 3x-Workflow detailliert.

Wie konvertiert man SVG nach PNG?

Verschiedene Methoden funktionieren, abhängig von Volumen und Kontrollbedarf.

1. Online-Konverter – Laden Sie das SVG hoch, legen Sie die Dimensionen fest, laden Sie das PNG herunter. Schnell für Einzelfälle.
2. Design-Tool (Figma, Illustrator, Inkscape) – Öffnen Sie das SVG, exportieren Sie in der gewählten Größe. Beste Kontrolle.
3. Kommandozeile (rsvg-convert, ImageMagick) – Skriptbar für die Stapelverarbeitung.
4. Browser – Öffnen Sie das SVG und machen Sie einen Screenshot in der Zielgröße.

Für Stapelarbeiten gewinnt die Kommandozeile, da sie identische Einstellungen auf jede Datei anwendet. Für ein einzelnes wichtiges Logo bietet jedoch ein Design-Tool die meiste Kontrolle über die Exportoptionen.

Stapelkonvertierung für Icon-Sets

Die Konvertierung eines Ordners mit SVG-Icons nach PNG ist üblich, wenn man eine App oder ein Designsystem ausliefert – man benötigt jedes Icon in mehreren Größen, und dies von Hand zu erledigen, skaliert nicht. Der Batch-Ansatz wendet dieselben Exporteinstellungen auf jede Datei im Set an.

1. Organisieren Sie die SVGs in einem Ordner mit konsistem Namen.
2. Bestimmen Sie die Exportgrößen (z. B. 16, 32, 64 für ein Icon-Set).
3. Führen Sie einen Batch-Rasterisierer aus, der jedes SVG in jeder Größe exportiert.
4. Überprüfen Sie einige Ergebnisse auf Schärfe und Transparenz.

Der Vorteil des Batch-Rasterisierens ist die Konsistenz – jedes Icon wird mit exakt denselben Einstellungen exportiert, sodass das Set einheitlich aussieht. Der batch processing guide behandelt den breiteren Workflow für die Anwendung von Operationen über Ordner von Bildern und einmal rasterisiert, können die PNGs zusammen komprimiert werden, um ihre ausgelieferte Größe zu minimieren.

Häufige Konvertierungsfehler

• Zu klein exportieren – das PNG kann später nicht vergrößert werden. Exportieren Sie mit 2x der Anzeigegröße.
• Das Original-SVG verlieren – bewahren Sie es immer auf; es ist die skalierbare Quelle für zukünftige Größen.
• Konvertieren, obwohl SVG funktionieren würde – viele moderne Umgebungen unterstützen SVG direkt.
• Transparenz vergessen – PNG unterstützt Alpha; stellen Sie sicher, dass der Export diese bei Bedarf beibehält.
• Vektor und Raster mischen – wenn die Quelle eingebettete Fotos enthält, ist das Ergebnis ein Hybrid, das die Vorteile von SVG verliert.

Wann man stattdessen das SVG behalten sollte

Der stärkste Standard ist es, das SVG zu behalten und nur dann zu konvertieren, wenn es gezwungen ist. SVG liefert eine einzige Datei, die auf jedem Bildschirm scharf ist, klein heruntergeladen wird und bearbeitbar bleibt. PNG macht Sinn, wenn die Umgebung SVG ablehnt, wenn Sie ein festes Raster für eine Systemanforderung benötigen oder wenn die Performance ein vorgerendertes File erfordert, das der Browser ohne Parsen cachen kann.

Konvertieren aus Bequemlichkeit statt Notwendigkeit wirft lediglich die Skalierbarkeit weg, die SVG ursprünglich zur richtigen Wahl machte. Für die technischen Spezifikationen definiert der W3C SVG standard, was SVG ausdrücken kann, und die PNG specification dokumentiert das Rasterformat, in das es konvertiert wird. Passen Sie das Format an die Einschränkung an – und wenn keine Beschränkung PNG erzwingt, lassen Sie das SVG seinen Job machen.

Häufig gestellte Fragen

Was ist der Unterschied zwischen SVG und PNG?

SVG ist ein Vektorformat (Formen mathematisch beschrieben, auflösungsunabhängig); PNG ist Raster (ein Gitter von Pixeln). SVG skaliert ohne Qualitätsverlust; PNG ist auf seine Pixeldimensionen festgelegt. Konvertieren Sie SVG nach PNG, wenn Sie ein festes Rasterbild benötigen.

Wann sollte ich SVG nach PNG konvertieren?

Wenn das Ziel kein SVG unterstützt (einige E-Mail-Clients, ältere Software), wenn Sie ein festes Rasterformat benötigen oder wenn das SVG komplexe Effekte hat, die inkonsistent gerendert werden. Für das Web sollten Sie dort, wo es unterstützt wird, direkt SVG ausliefern.

Wie wähle ich die richtige Auflösung?

Passen Sie die Anzeigegröße bei 1x oder 2x (für Retina) an. Da SVG auflösungsunabhängig ist, rasterisieren Sie es in der benötigten Pixelgröße – rendern Sie für Schärfe auf Retina-Bildschirmen mit 2x der Anzeigegröße.

Kann ich SVG nach PNG stapelkonvertieren?

Ja – ImageMagick (magick mogrify), rsvg-convert oder ein Headless Browser können Ordner von SVGs verarbeiten. Für Icon-Sets rendert ein Skript jedes SVG in jeder benötigten Größe in einem Durchgang. Sehen Sie sich den SVG to PNG guide an.

Unterstützt SVG Transparenz?

Ja – SVG ist vektorisiert und unterstützt Transparenz nativ, daher rasterisiert ein SVG mit transparenten Bereichen zu einem transparenten PNG. Dies ist einer der Gründe, warum SVG für Logos und Icons geeignet ist. JPEG würde die Transparenz nicht bewahren.

Verliert das Konvertieren von SVG nach PNG Qualität?

Nein – Sie rasterisieren den Vektor in der gewählten Auflösung, daher ist das PNG so scharf wie die Größe, mit der Sie rendern. Qualitätsverlust käme nur durch Rendern bei zu niedriger Auflösung. Rendern Sie für Schärfe auf Retina-Bildschirmen mit 2x der Anzeigegröße, und das PNG ist nicht von einem nativen Raster in dieser Größe zu unterscheiden.

Kann ich SVG nach PNG in jeder Größe konvertieren?

Ja – da SVG vektorisiert und auflösungsunabhängig ist, rasterisieren Sie es in jeder benötigten Pixelgröße, von einem 16px Icon bis zu einem 4000px Banner, ohne Qualitätsverlust. Das ist der Hauptvorteil gegenüber Rasterformaten. Rendern Sie für Schärfe auf Retina-Bildschirmen mit 2x der Anzeigegröße. Das SVG selbst verliert niemals an Schärfe; nur das rasterisierte PNG ist auf seine Exportgröße festgelegt.