SVG zu PNG

SVG online in PNG umwandeln, mit Transparenz. Rastern Sie skalierbare Vektorgrafiken zu einem scharfen PNG in der im SVG festgelegten Größe. Läuft in jedem Browser.

px
Leer lassen, um die im SVG festgelegte Größe zu behalten. Die Höhe folgt dem Seitenverhältnis; 16 bis 8192 px.

oder Datei hierher ziehen

Laden Sie Ihr SVG-Bild hoch

Schnelle KonvertierungSichere VerarbeitungKeine Registrierung

Konvertieren Sie SVG zu PNG, um unendlich skalierbare Vektorgrafiken in Rasterbilder mit fester Auflösung umzuwandeln. Während SVG-Dateien ideal für responsives Webdesign sind, bietet PNG universelle Kompatibilität mit E-Mail-Clients, Legacy-Software und Druckworkflows, die keine Vektorformate unterstützen.

Was Sie erhalten: PNG-Ausgabedetails

Bei der Umwandlung von SVG in PNG erhalten Sie ein Rasterbild in der im SVG festgelegten Größe – Breite und Höhe oder viewBox – oder in der Breite, die Sie im Feld „Ausgabebreite“ eintragen (die Höhe folgt dem Seitenverhältnis), mit vollständig erhaltener Transparenz. Die Konvertierung legt die Grafik auf feste Pixelmaße fest: Ein PNG mit 1000×1000 px bleibt in dieser Größe scharf, wird beim Vergrößern aber pixelig. Die Transparenz geht in den Alphakanal von PNG über, ideal für Logos und Icons, die auf jedem Hintergrund funktionieren sollen.

Der zentrale Kompromiss: Sie gewinnen universelle Kompatibilität, verlieren aber die unbegrenzte Skalierbarkeit von SVG. Legen Sie Breite und Höhe im SVG vor der Konvertierung passend zum Einsatz fest – zurück zur Vektorqualität geht es danach nicht.

Warum SVG zu PNG-Format konvertieren

Der Hauptgrund für die Konvertierung von SVG zu PNG ist Kompatibilität. Viele E-Mail-Clients entfernen SVG-Dateien aus Sicherheitsgründen. Outlook, Gmail und Apple Mail zeigen PNG zuverlässig an, blockieren oder entfernen jedoch häufig SVG-Anhänge vollständig. Wenn Sie ein Logo oder eine Grafik per E-Mail-Newsletter senden, stellt PNG sicher, dass es tatsächlich angezeigt wird.

Legacy-Software stellt ähnliche Probleme dar. Ältere Versionen von PowerPoint (vor 2016), Photoshop (CS6 und früher) und viele Druckproduktionstools haben Schwierigkeiten mit SVG-Import. Die Konvertierung zu PNG in der erforderlichen Auflösung (typischerweise 300 DPI für den Druck) erstellt Dateien, die diese Tools nativ verarbeiten können.

Druckworkflows erfordern Rasterformate bei bestimmten Auflösungen. Während Sie theoretisch SVG für den Druck verwenden können, erwarten die meisten kommerziellen Drucker TIFF oder PNG bei 300 DPI. Ein 4×6-Zoll-Druck erfordert 1200×1800 Pixel bei 300 DPI — die Konvertierung Ihres SVG zu PNG in diesen genauen Abmessungen gewährleistet vorhersehbare Ergebnisse.

Einige Plattformen haben unvorhersehbares SVG-Rendering. Facebook und LinkedIn unterstützen SVG-Uploads, rendern Filter oder eingebettete Schriften jedoch manchmal falsch. Die Konvertierung zu PNG garantiert, dass Ihre Grafik auf allen Plattformen und Geräten identisch aussieht.

Auflösung und DPI: Die richtige Wahl treffen

  • Webnutzung (72-96 DPI): Standard-Webdisplays verwenden 72-96 DPI. Für einen Website-Header decken 1920×1080px Full-HD-Bildschirme ab. Für Logos funktionieren 800×800px oder 1000×1000px für die meisten Layouts. Exportieren Sie in der tatsächlichen Anzeigegröße, es sei denn, Sie zielen auf High-DPI-Bildschirme ab.
  • Retina/High-DPI-Displays (2×-3×): Moderne Smartphones und MacBooks verwenden 2× oder 3× Pixeldichte. Ein 500px-Anzeige-Icon benötigt 1000px (2×) oder 1500px (3×) PNG, um scharf zu bleiben. Exportieren Sie immer mit dem 2-fachen Ihrer beabsichtigten Anzeigegröße für Webgrafiken auf hochauflösenden Bildschirmen.
  • Druck (300 DPI): Professioneller Druck erfordert 300 DPI. Berechnen Sie Pixel als: Breite_Zoll × 300 mal Höhe_Zoll × 300. Ein 5×5-Zoll-Logo benötigt 1500×1500px. Alles unter 300 DPI sieht beim Drucken unscharf aus.
  • Soziale Medien: Jede Plattform hat spezifische Anforderungen. Facebook/Twitter Open Graph-Bilder: 1200×630px. Instagram-Posts: 1080×1080px. LinkedIn-Banner: 1584×396px. Überprüfen Sie die Plattformdokumentation auf genaue Abmessungen.

Die Einschränkungen verstehen

  • Verlust der Skalierbarkeit: SVG-Dateien skalieren unendlich ohne Qualitätsverlust, weil sie mathematische Beschreibungen von Formen speichern. PNG sperrt Sie in feste Pixelabmessungen. Wenn Sie zu 800×800px konvertieren und später 2000×2000px benötigen, müssen Sie erneut vom Original-SVG konvertieren.
  • Dateigrößenexplosion bei hohen Auflösungen: Ein 5-KB-SVG-Logo könnte als PNG bei 800×800px 50 KB oder bei 3000×3000px 500 KB werden. PNG speichert jeden Pixel, daher wächst die Dateigröße quadratisch mit den Abmessungen.
  • Keine einfache Bearbeitung: SVG ermöglicht die Modifikation einzelner Formen, Farben und Pfade in einem Vektoreditor. Nach der Konvertierung zu PNG arbeiten Sie mit Pixeln. Behalten Sie Ihre Original-SVG-Dateien für zukünftige Bearbeitungen.

Wann Sie SVG behalten sollten, anstatt zu konvertieren

Konvertieren Sie nicht zu PNG, wenn Sie die Grafik auf einer modernen Website verwenden, auf der alle Besucher aktuelle Browser haben. SVG ist für einfache Grafiken kleiner, skaliert perfekt auf alle Bildschirmgrößen und lädt schneller als mehrere PNG-Varianten (1×, 2×, 3×).

Für responsives Design glänzt SVG, weil es sich ohne zusätzliche HTTP-Anfragen an jede Displaygröße anpasst. Ein einzelnes 5-KB-SVG funktioniert perfekt von 50px-Mobile-Icons bis zu 2000px-Desktop-Headern.

Wenn Ihr SVG Animationen oder interaktive Elemente (Hover-Effekte, anklickbare Bereiche) enthält, kann PNG diese Funktionalität nicht replizieren. SVG unterstützt CSS-Animationen und JavaScript-Interaktivität, die beim Rastern zu PNG vollständig verschwinden.

Diese Alternativen in Betracht ziehen

Wenn Sie eine breitere Kompatibilität als SVG, aber eine bessere Kompression als PNG brauchen, probieren Sie SVG in WebP zu konvertieren. WebP unterstützt Transparenz wie PNG, erzeugt aber viel kleinere Dateien: In unserem Test war ein aus SVG gerastertes 1024×1024 großes Logo als PNG 21 KB und als WebP 7 KB groß. Funktioniert in allen modernen Browsern (Chrome, Firefox, Edge, Safari 14+).

Für moderne Webnutzung behalten Sie SVG. Es ist das empfohlene Format für Logos, Icons und Grafiken im Jahr 2026. Konvertieren Sie nur dann zu PNG, wenn Kompatibilitätsprobleme Sie dazu zwingen — E-Mail-Clients, Legacy-Software oder Plattformen mit fehlerhaftem SVG-Rendering.

Benötigen Sie das Umgekehrte? PNG zu SVG verwendet Bildtracing, um Rasterbilder in Vektoren zu konvertieren. Beachten Sie, dass nachgezeichnete Vektoren nie so sauber sind wie native SVG-Grafiken.

Tipps für beste Ergebnisse

  • Größe am Einsatz ausrichten: Setzen Sie im SVG nicht 5000×5000 px, wenn das Bild auf einer Website mit 500×500 px angezeigt wird. Unnötig große PNGs verschwenden Bandbreite und bremsen das Laden der Seite.
  • Für Retina mit 2× exportieren: Wenn Ihre Grafik 600px breit auf einer Website angezeigt wird, exportieren Sie mit 1200px Breite, um Schärfe auf High-DPI-Displays sicherzustellen. Dies ist die Standardpraxis für Webgrafiken im Jahr 2026.
  • Transparenz überprüfen: Wenn Ihr SVG Transparenz hat, stellen Sie sicher, dass diese korrekt definiert ist (keine weißen Füllungen). Zeigen Sie das PNG nach der Konvertierung sowohl vor hellen als auch dunklen Hintergründen an.
  • Schriften sorgfältig behandeln: Wenn Ihr SVG Text enthält, sperrt das Rastern das aktuelle Schrift-Rendering. Konvertieren Sie Text vor der Konvertierung zu Pfaden in Ihrem Vektoreditor für garantierte Konsistenz.
  • Stapelkonvertierung für Icon-Sets verwenden: Wenn Sie 50 Icons konvertieren, verarbeiten Sie alle auf einmal mit einheitlichen Einstellungen, anstatt einzeln.

Häufige Probleme und Lösungen

  • Falsche Auflösung gewählt: Der häufigste Fehler ist das Exportieren in der falschen Größe. Im Zweifelsfall wählen Sie etwas größer — es ist einfacher zu verkleinern als pixelige Bilder zu vergrößern. Für Web ist die 2-fache beabsichtigte Anzeigegröße sicher.
  • Dateigröße zu groß: Wenn Ihr PNG 1 MB überschreitet, haben Sie wahrscheinlich bei übermäßiger Auflösung exportiert. Ein 1000×1000px-Logo sollte 200-300 KB nicht überschreiten. Reduzieren Sie die Ausgabeabmessungen oder erwägen Sie PNG-Kompressionswerkzeuge.
  • Unscharfe Ausgabe: Wenn das PNG verschwommen aussieht, könnte Ihr SVG Rasterelemente (eingebettetes JPG oder PNG) enthalten, die nicht gut skalieren. Echtes Vektor-SVG konvertiert zu scharfem PNG in jeder Auflösung.
  • Transparenz verloren: Wenn transparente Bereiche weiß werden, verwendet Ihr SVG wahrscheinlich weiße Füllungen statt echter Transparenz. Öffnen Sie es in einem Vektoreditor (Inkscape, Illustrator) und entfernen Sie weiße Hintergrundfüllungen.

So konvertieren Sie SVG zu PNG

  1. SVG-Dateien hochladen: Wählen Sie eine oder mehrere SVG-Dateien mit dem obigen Formular aus. Stapelkonvertierung wird für die gleichzeitige Verarbeitung von Icon-Sets oder Logo-Varianten unterstützt.
  2. Größe festlegen: Das PNG wird in der Breite und Höhe des SVG gerendert, also legen Sie diese zuerst passend fest. Für das Web bei 500 px Anzeigegröße setzen Sie 1000 px für Retina-Schärfe. Für den Druck rechnen Sie Pixel als Zoll × 300.
  3. Konvertieren und herunterladen: Die Konvertierung rastert Ihr SVG in der angegebenen Auflösung und bewahrt Farben, Formen und Transparenz. Laden Sie einzelne PNG-Dateien oder ein ZIP-Archiv für Stapelkonvertierungen herunter.

Häufige Anwendungsfälle für SVG zu PNG Konvertierung

  • E-Mail-Newsletter und Signaturen: Die meisten E-Mail-Clients (Outlook, Gmail, Apple Mail) blockieren oder entfernen SVG-Dateien aus Sicherheitsgründen. PNG stellt sicher, dass Ihr Logo oder Ihre Grafik zuverlässig in E-Mail-Kontexten angezeigt wird.
  • Legacy-Software-Kompatibilität: Ältere Versionen von PowerPoint, Photoshop und InDesign haben begrenzten oder fehlerhaften SVG-Support. PNG importiert universell in aller Design- und Präsentationssoftware.
  • Druckproduktions-Übergabe: Kommerzielle Drucker erwarten Rasterformate bei 300 DPI. Die Konvertierung von SVG zu PNG in exakten Druckabmessungen (berechnet aus Zoll × 300) gewährleistet vorhersehbare Ergebnisse.
  • Social-Media-Plattformen: Während die meisten Plattformen SVG akzeptieren, kann das Rendering inkonsistent sein. PNG garantiert identisches Erscheinungsbild auf allen Plattformen.
  • Mobile und Desktop-Apps: Viele Anwendungs-Frameworks erwarten PNG-Assets in mehreren Auflösungen (1×, 2×, 3×) für Icons und UI-Elemente. Konvertieren Sie Ihr SVG in jeder erforderlichen Auflösung.

SVG vs PNG: Formatvergleich

  • Skalierbarkeit: SVG skaliert unendlich ohne Qualitätsverlust. PNG hat feste Auflösung und wird pixelig, wenn es über die Originalabmessungen vergrößert wird.
  • Dateigröße: SVG ist für einfache Grafiken (Logos, Icons) kleiner. PNG-Dateigröße wächst mit der Auflösung — ein 3000×3000px PNG kann um ein Vielfaches größer als das äquivalente SVG sein.
  • Kompatibilität: PNG funktioniert universell auf aller Software, allen Browsern und Geräten. SVG hat ausgezeichnete moderne Browser-Unterstützung, scheitert aber in E-Mail-Clients und Legacy-Software.
  • Bearbeitbarkeit: SVG ermöglicht einfache Modifikation von Formen, Farben und Pfaden in Vektoreditoren. PNG erfordert Pixel-Bearbeitung in Rastereditoren wie Photoshop.
  • Transparenz: Beide Formate unterstützen vollständig Alpha-Kanal-Transparenz. Die Konvertierung bewahrt transparente Hintergründe perfekt.
  • Web-Performance: Für einfache Grafiken ist SVG schneller (kleinere Datei). Für komplexe Grafiken mit vielen Verläufen kann PNG in Browsern schneller rendern.

Verwandte Bildkonvertierungswerkzeuge

Die Umwandlung von SVG in PNG hält Ihre Grafik in der im SVG festgelegten Größe scharf, mit voller Transparenz.

Häufig gestellte Fragen zur SVG zu PNG Konvertierung

Welche Auflösung sollte ich bei der Konvertierung von SVG in PNG wählen?

Für das Web exportieren Sie in der 2-fachen Anzeigegröße (z. B. 1000px PNG für eine Anzeige mit 500px). Für den Druck verwenden Sie 300 DPI: Multiplizieren Sie die Druckmaße in Zoll mit 300 (ein 5×5 Zoll großes Logo benötigt 1500×1500px). Für Icons reichen meist 512×512px oder 1024×1024px. Berücksichtigen Sie immer den Verwendungszweck – eine höhere Auflösung bedeutet eine größere Datei.

Bleibt die Transparenz bei der Konvertierung von SVG in PNG erhalten?

Ja, PNG unterstützt Alphakanal-Transparenz genauso vollständig wie SVG. Transparente Bereiche Ihres SVG bleiben im PNG transparent. Damit ist PNG ideal für Logos und Icons, die auf jeder Hintergrundfarbe funktionieren müssen. Prüfen Sie für beste Ergebnisse, dass die Transparenz in Ihrem SVG korrekt definiert ist (keine weißen Füllungen).

Warum ist meine PNG-Datei viel größer als das ursprüngliche SVG?

SVG speichert Grafiken als mathematische Formeln – bei einfachen Logos oft nur wenige Kilobyte. PNG speichert jeden Pixel einzeln, daher wächst die Dateigröße mit der Auflösung. Aus einem 5 KB großen SVG können bei 800×800px 50 KB oder bei 3000×3000px 500 KB werden. Das ist der Preis für universelle Kompatibilität – PNG-Dateien sind grundsätzlich größer als gleichwertige Vektorgrafiken.

Kann ich SVG mit Text zu PNG konvertieren, ohne die Schriftqualität zu verlieren?

Ja, Text in Ihrem SVG wird während der Konvertierung gerastert und bewahrt das exakte Erscheinungsbild von Schriften. Das resultierende PNG zeigt Text scharf an, ohne dass Schriften installiert sein müssen. Für garantierte Konsistenz konvertieren Sie Text vor der Konvertierung in Pfade in Ihrem Vektoreditor.

Werden komplexe SVG-Effekte wie Farbverläufe und Schatten korrekt konvertiert?

Ja, unser Konverter verarbeitet Standard-SVG-Effekte einschließlich linearer Farbverläufe, radialer Farbverläufe, Schlagschatten, Unschärfen und Filter. Die PNG-Ausgabe stellt diese Effekte genau als Pixel dar. Einige erweiterte oder proprietäre SVG-Erweiterungen können unterschiedlich gerendert werden—zeigen Sie das Ergebnis zur Überprüfung in der Vorschau an.

Wie vergleicht sich PNG mit SVG für Website-Leistung?

PNG lädt oft schneller als komplexe SVG-Dateien, weil Browser Pixel direkt rendern, ohne XML zu verarbeiten und Vektorpfade zu berechnen. Für einfache Icons ist SVG normalerweise kleiner. Für detaillierte Illustrationen mit vielen Farbverläufen bietet PNG bessere Leistung. PNG funktioniert auch in allen Browsern ohne Kompatibilitätsbedenken.

Wie wähle ich die DPI für den Druck?

Verwenden Sie für professionellen Druck immer 300 DPI. Die Pixel berechnen Sie so: Breite in Zoll × 300 mal Höhe in Zoll × 300. Eine Visitenkarte (3,5×2 Zoll) benötigt 1050×600px. Ein Poster (24×36 Zoll) benötigt 7200×10800px. Unter 300 DPI wirkt der Druck unscharf oder pixelig. Über 300 DPI bringt keinen sichtbaren Vorteil, vergrößert aber die Datei.

Verliere ich Qualität bei der Konvertierung von SVG zu PNG?

Die Konvertierung von Vektor zu Raster bedeutet, dass Sie die unendliche Skalierbarkeit verlieren, aber die visuelle Qualität wird bei der gerenderten Auflösung erhalten. PNG verwendet verlustfreie Komprimierung, sodass es keine Komprimierungsartefakte gibt. Die Ausgabe sieht identisch zum SVG aus, wenn sie in der beabsichtigten Größe betrachtet wird. Das Vergrößern des PNG über seine Auflösung hinaus zeigt Pixelung.

Verwandte Tools

SVG-Werkzeuge

Link zu einem verwandten Tool

SVG zu ICO

Link zu einem verwandten Tool

ICO zu SVG

Link zu einem verwandten Tool

Bild-Werkzeuge

Link zu einem verwandten Tool

PNG zu SVG

Link zu einem verwandten Tool

SVG zu JPG

Link zu einem verwandten Tool

Aus dem Blog

Wir verwenden Cookies, um Ihr Surferlebnis zu verbessern, den Website-Traffic zu analysieren und Inhalte zu personalisieren. Sie können alle Cookies akzeptieren oder Ihre Einstellungen anpassen.