SVG in PNG umwandeln

Wählen Sie die Größe, die Sie brauchen, und bekommen Sie ein gestochen scharfes PNG. Kostenlos, ohne Anmeldung, ohne Wasserzeichen — und die Datei bleibt in Ihrem Browser.

  • 100 % im Browser
  • Kein Upload, keine Anmeldung
  • Transparenz bleibt erhalten
  • Stapel + ZIP

Ein Vektor hat keine feste Pixelgröße — die Größe, die Sie hier wählen, entscheidet darüber, wie scharf das PNG wird. Warum?

Warum SVG in PNG umwandeln

SVG ist das bessere Format — genau so lange, bis etwas es nicht annimmt. E-Mail-Programme werfen es raus. Die meisten sozialen Plattformen nehmen es weder als Profilbild noch als Vorschau. Unzählige Upload-Formulare, Druckdienste, Marktplätze und ältere Programme verstehen nur Pixel. Präsentationen und Dokumente betten es unberechenbar ein. Nichts davon ist ein Mangel von SVG — es wird nur nicht überall unterstützt, und PNG schon.

Der übliche Grund umzuwandeln ist also Kompatibilität, nicht Vorliebe. Sie behalten das SVG als Original und exportieren ein PNG, wann immer etwas weiter unten in der Kette eines braucht — in der Größe, die genau dieser Zweck verlangt.

Der zweite Grund ist, das Aussehen festzuschreiben. Ein SVG wird mit den Schriften und der Zeichen-Engine dargestellt, die der Betrachter gerade hat, und kann deshalb von Rechner zu Rechner leicht unterschiedlich aussehen. Ein PNG sieht überall gleich aus, weil jede Entscheidung schon getroffen ist.

Und anders als in der Gegenrichtung ist diese hier unkompliziert. Von PNG zu SVG heißt, Formen zu erraten, die nie in der Datei standen. Von SVG zu PNG heißt einfach zeichnen, und das kann ein Browser ohnehin gut — die einzige echte Entscheidung ist, wie groß.

Upload-ToolsIhr Server?Dieses ToolIhr GerätNichts verlässt Ihr Gerät, keine Kopie zu löschen.
Andere Konverter laden Ihre Datei auf einen Server. Dieser zeichnet sie dort, wo sie schon ist.

Warum „ohne Qualitätsverlust" die falsche Frage ist

Ein SVG hat keine eigene Pixelgröße. Beim Umwandeln gibt es nichts zu bewahren — es gibt nur die Größe, die Sie wählen, und genau daran hängt alles.

Es ist eines der meistgesuchten Dinge rund um diese Umwandlung, und der Gedanke dahinter ist nachvollziehbar: Bei JPEGs kostet jedes Speichern etwas, also liegt die Annahme nahe, dass jede Umwandlung das auch tut. Bei Vektoren ist das nicht so.

Ein SVG ist eine Sammlung von Anweisungen — zeichne hier einen Kreis, fülle diesen Pfad mit jener Farbe. Es hat keine Auflösung. Beim Export folgt der Browser diesen Anweisungen in genau der Größe, die Sie verlangt haben, und zeichnet neu. Verlangen Sie 4000 Pixel, wird bei 4000 Pixeln gezeichnet. Nichts wird herunterskaliert oder neu komprimiert, weil es nie Pixeldaten gab, von denen man ausgehen könnte.

Wir haben nachgemessen, wie weit das trägt. Eine 100 Pixel große Vorlage in wachsenden Größen gerendert: bei 1000 Pixeln dauert der Export etwa 20 Millisekunden, bei 4000 eine Viertelsekunde, bei 8000 rund eine Sekunde, bei 16000 etwa fünf Sekunden und viereinhalb Megabyte. Jedes davon ist ein sauberer Neuaufbau, keine Vergrößerung. Darüber hinaus gibt ein Browser-Canvas auf — deshalb begrenzt dieses Werkzeug die längste Seite auf 16000.

Wenn ein exportiertes PNG also weich oder ausgefranst aussieht, liegt es fast nie daran, dass der Konverter verlustbehaftet war. Es wurde in zu wenigen Pixeln exportiert für den Ort, an dem es gelandet ist — ein 64 Pixel großes PNG, das in einer Folie 400 Pixel breit erscheint, sieht schlecht aus, egal welches Werkzeug es erzeugt hat.

Das stellt die ganze Aufgabe um. Die Frage lautet nicht „wie vermeide ich Qualitätsverlust", sondern „wie viele Pixel braucht das hier". Ein Favicon braucht 512. Eine Social-Vorschau 1200 auf 630. Ein Logo für den Druck das, was die Druckerei genannt hat. Sobald diese Zahl feststeht, ist die Umwandlung trivial — und deshalb steht sie auf dieser Seite ganz vorn und nicht versteckt in einem Menü.

Vektor 4×Raster 4×
Ein Vektor wird in jeder verlangten Größe neu gezeichnet. Ein Rasterbild kann nur gestreckt werden.

SVG in PNG umwandeln — so geht's

Vier Schritte, alle in diesem Browser-Tab. Zu keinem Zeitpunkt wird etwas hochgeladen.

1

SVG hineinziehen

Eine Datei oder ein ganzer Stapel. Wir lesen jede lokal und sehen sie uns an: ihre Größe, ob sie auf etwas im Web verweist, und ob sie sich überhaupt exportieren lässt.

2

Die Quellgröße prüfen

Wir zeigen die Größe, die wir aus der Datei gelesen haben, und woher sie stammt: aus width und height oder aus der viewBox. Das ist wichtiger, als es aussieht — der nächste Abschnitt erklärt, warum.

3

Ausgabegröße wählen

Nehmen Sie einen Faktor, tippen Sie exakte Pixel ein, oder greifen Sie zu einer Vorlage — 512 fürs Favicon, 1200 auf 630 fürs Social-Bild, 1024 fürs App-Icon. Sperren Sie das Seitenverhältnis, wenn die Proportionen bleiben sollen. Hintergrund transparent oder weiß.

4

Umwandeln und herunterladen

Jede Datei wird in der gewünschten Größe gezeichnet und zurückgegeben. Ein Stapel kommt als ZIP. Nichts wurde hochgeladen, also gibt es keine Serverkopie und keine Warteschlange.

Andersherum? Wenn Sie ein PNG haben und einen Vektor daraus brauchen, ist das ein deutlich schwierigeres Problem und es lohnt sich, vorher darüber zu lesen — unser Werkzeug PNG in SVG erklärt, was es kann und was nicht.

Was dieser Konverter macht

Er wandelt SVG in Ihrem Browser in PNG um, in genau der Größe, die Sie angeben, und verlangt nichts dafür. Kein Konto, keine E-Mail, kein Tageslimit, kein Wasserzeichen und keine Warteschlange.

Die Größe ist das Hauptbedienelement, keine versteckte Einstellung. Faktoren, exakte Pixelmaße mit Sperre fürs Seitenverhältnis, und Vorlagen für die Größen, nach denen tatsächlich gefragt wird. Zwei der Werkzeuge, die für diese Suche vorne stehen, bieten überhaupt keine Größenwahl — Sie bekommen, was sie entscheiden.

Er sagt Ihnen, woher die Vorgabe kommt. Die aus Ihrer Datei gelesene Größe wird samt Quelle angezeigt, denn SVG-Dateien sind sich uneinig darüber, wie sie ihre eigenen Maße angeben, und die Antwort des Browsers ist nicht immer die, die Sie wollen.

Er prüft die Datei vor dem Umwandeln statt danach. Drei Dinge können bei einem SVG im Browser schiefgehen, und alle drei lassen sich vorher erkennen: HTML-Inhalt, der sich nicht exportieren lässt, aus dem Web geladene Schriften oder Bilder, die nicht gezeichnet werden, und eine fehlende Namensraum-Angabe, die das Laden komplett verhindert. Die ersten beiden werden erklärt, die dritte wird repariert.

Stapelverarbeitung ist dabei, ohne erwähnenswerte Obergrenze. Mehrere Dateien auf einmal, eine Größeneinstellung, am Ende ein ZIP.

Transparenz bleibt standardmäßig erhalten, und für die Stellen, die einen festen Hintergrund brauchen, gibt es die Option Weiß.

Wofür das benutzt wird:

  • Favicons und App-Icons in den exakt geforderten Pixelgrößen
  • Social-Vorschaubilder, die zwingend Rasterbilder sein müssen
  • E-Mail-Signaturen und Newsletter, wo SVG entfernt wird
  • Uploads für Marktplätze und Druckereien, die nur PNG annehmen
  • Präsentationen und Dokumente, die SVG unberechenbar einbetten
  • Screenshots und Dokumentation, die überall identisch aussehen müssen
  • Icons in 2× und 3× für hochauflösende Bildschirme

Funktioniert auf jedem Gerät

Es läuft im Browser, es gibt also nichts zu installieren und keinen Unterschied zwischen den Systemen.

§ 01

Windows

Läuft in Chrome, Edge und Firefox. Nichts zu installieren, nichts bleibt zurück.

§ 02

Mac

Läuft in Safari, Chrome und Firefox. Das PNG landet wie jede andere Datei in den Downloads.

§ 03

iPhone und iPad

SVG aus Dateien auswählen und ein PNG zurück in Dateien bekommen. Keine App nötig.

§ 04

Android

Funktioniert aus jedem Dateimanager. Die Umwandlung läuft auf Ihrem Gerät, nicht auf einem Server.

§ 05

Linux

Läuft in Firefox und Chromium, was praktisch ist, wenn ImageMagick gerade nicht installiert ist.

§ 06

Chromebook

Läuft lokal im Browser, und das ist auf einem Chromebook ohnehin der einzige Ort, an dem etwas läuft.

Was bei einem SVG schiefgehen kann

Die Umwandlung selbst ist zuverlässig. Nicht zuverlässig sind SVG-Dateien, die sich enorm darin unterscheiden, wie sie geschrieben sind. Das hier sind die vier Situationen, auf die wir jede hineingezogene Datei prüfen — gemessen, indem echte Dateien durch einen echten Browser geschickt wurden.

width + height100 × 100nur viewBox150 × 150keines von beiden300 × 150Wir nehmen die viewBox statt der 150 × 150 des Browsers.
Drei Schreibweisen für ein SVG, drei verschiedene Standardgrößen — und zwei davon sind CSS-Standards, die mit der Zeichnung nichts zu tun haben.
SituationWas passiertWas dieses Werkzeug tut
Die Datei nennt width und heightDiese werden benutzt, bei Bedarf aus cm, mm, pt oder in umgerechnetNimmt sie und sagt es
Nur eine viewBox, kein width oder heightDer Browser meldet 150 × 150 — ein CSS-Standard, der mit der Zeichnung nichts zu tun hatNimmt stattdessen die viewBox, also das, was gemeint war
Weder nochDer Browser meldet 300 × 150 und skaliert den Inhalt nicht mitFällt auf 300 × 150 zurück und sagt, dass die Datei keine Größe nannte
Eine Schrift oder ein Bild aus dem WebWird nie geholt — Text erscheint stillschweigend in einer anderen SchriftErkennt es und warnt vor dem Umwandeln
HTML in einem foreignObjectDer Canvas wird gesperrt und der Browser verweigert den ExportErkennt es, erklärt es und schlägt Inkscape vor
Fehlende xmlns-AngabeDie Datei lädt überhaupt nichtErgänzt sie automatisch und macht weiter
TitleTitleWeb-SchriftSchrift ändert sich<foreignObject>HTML darinExport unmöglich
Die zwei Dinge, die wirklich schiefgehen — beide erkannt, bevor Sie auf Umwandeln drücken.

Der eine Fall, den im Browser nichts beheben kann

Enthält ein SVG ein foreignObject — einen Block HTML, eingebettet im Vektor —, markiert der Browser den Canvas in dem Moment als gesperrt, in dem gezeichnet wird, und lässt danach niemanden mehr die Pixel auslesen. Das ist eine Sicherheitsregel zu Inhalten aus fremden Quellen, kein Fehler und nichts, was ein Konverter umgehen könnte. Jedes Werkzeug, das in einem Browser-Tab läuft, stößt an dieselbe Wand; Werkzeuge, die es scheinbar schaffen, erledigen die Arbeit auf einem Server. Diagramm-Werkzeuge sind die übliche Quelle: Mermaid und draw.io erzeugen beide foreignObject für Textblöcke. Haben Sie so eine Datei, exportiert ein Desktop-Programm wie Inkscape sie klaglos. Wir prüfen darauf, bevor Sie etwas drücken, denn es hinterher zu erfahren ist schlechter.

Wie Sie erkennen, ob Ihr Export groß genug ist

Öffnen Sie das PNG und betrachten Sie es bei 100 %, und vergleichen Sie das damit, wie groß es tatsächlich erscheinen wird — die Breite der Spalte, in der es sitzt, die Größe im Druck, die Pixelmaße, nach denen die Plattform fragt. Ist das PNG kleiner als der Ort, an den es soll, wird es weich aussehen, und keine Einstellung eines Konverters ändert daran etwas. Exportieren Sie stattdessen noch einmal mit der größeren Zahl. Für Bildschirme ist es eine gute Gewohnheit, in der doppelten Größe zu exportieren, denn hochauflösende Displays zeichnen für jedes CSS-Pixel zwei physische.

Ihr SVG bleibt in Ihrem Browser

Die Umwandlung passiert auf Ihrem eigenen Gerät. Ihre Datei wird lokal gelesen, in diesem Tab auf einen Canvas gezeichnet und direkt zurückgegeben. Sie wird nie hochgeladen, es gibt also keine Serverkopie und keine Aufbewahrungsfrist, über die man nachdenken müsste.

Hier lohnt sich Genauigkeit: Umwandlung im Browser ist bei dieser Seite keine Besonderheit. Auch die Seite, die für diese Suche derzeit vorne steht, arbeitet vollständig clientseitig und sagt das. Wir erwähnen es, weil es stimmt und weil es ein Grund ist, ein Werkzeug zu bevorzugen — nicht, weil es uns abhebt.

Eine echte Einzelheit: Skripte in einem SVG werden nicht ausgeführt. Ein Browser, der ein SVG über ein Bild-Element zeichnet, führt nichts aus und holt nichts von außen — beides haben wir überprüft. Eine Datei aus einer Quelle, bei der Sie unsicher sind, kann hier also nichts tun außer gezeichnet zu werden.

§ 01

Kein Upload

Die Datei wird auf Ihrem Gerät umgewandelt.

§ 02

Kein Konto

Keine Anmeldung, keine E-Mail, kein Tageslimit.

§ 03

Kein Wasserzeichen

Das PNG gehört Ihnen, unmarkiert.

§ 04

Keine Skripte

Alles im SVG Eingebettete bleibt wirkungslos.

Häufig gestellte Fragen

Verliert SVG beim Umwandeln in PNG an Qualität?
Nein, und die Frage lohnt sich auseinanderzunehmen, weil sie ständig auftaucht. Ein SVG hat keine eigene Auflösung — es ist eine Sammlung von Zeichenanweisungen. Beim Export werden diese Anweisungen in der Größe ausgeführt, die Sie verlangen, es wird also nichts komprimiert oder herunterskaliert. Sieht Ihr PNG weich aus, wurde es mit zu wenigen Pixeln exportiert für den Ort, an dem es gelandet ist. Exportieren Sie es größer, und es ist scharf.
In welcher Größe soll ich exportieren?
In der, nach der das Ziel fragt. Ein Favicon will 512 Pixel, ein Social-Vorschaubild 1200 auf 630, ein App-Icon 1024. Für alles, was auf einem Bildschirm in einer Größe erscheint, die Sie bestimmen, exportieren Sie in der doppelten Größe — hochauflösende Displays zeichnen für jedes CSS-Pixel zwei physische, und ein 2×-Export ist das, was Kanten dort scharf hält. Für den Druck fragen Sie die Druckerei; sie nennt Ihnen eine Pixelzahl oder eine DPI-Angabe samt physischer Größe.
Warum sieht mein PNG unscharf aus?
Fast immer, weil es kleiner exportiert wurde als der Platz, an dem es gezeigt wird. Ein 64-Pixel-PNG, das in einer Folie 400 Pixel breit steht, wird von der Präsentationssoftware gestreckt, und daran ändert keine Einstellung in irgendeinem Konverter etwas. Exportieren Sie in der Größe, in der es tatsächlich erscheint, oder größer. Die einzige andere Ursache ist ein Display mit hoher Pixeldichte, und das ist dasselbe Problem in anderer Verkleidung — die Lösung ist dieselbe: größer exportieren.
Warum hat sich die Schrift im Text geändert?
Weil das SVG auf eine im Web gehostete Schrift verweist und Browser beim Zeichnen eines SVG keine externen Ressourcen holen. Das ist eine bewusste Sicherheitsgrenze, keine Einschränkung dieses Werkzeugs — in jedem browserbasierten Konverter passiert dasselbe. Der Text fällt stillschweigend auf eine Standardschrift zurück. Vermeiden lässt es sich, indem Sie die Schrift ins SVG einbetten oder den Text im Grafikprogramm vor dem Export in Pfade umwandeln. Wir prüfen darauf und warnen vor dem Umwandeln.
Warum lässt sich mein SVG nicht umwandeln?
Zwei Ursachen decken fast alles ab. Die Datei kann ein foreignObject enthalten — einen Block HTML im Vektor, dessen Export Browser aus Sicherheitsgründen verweigern. Diagramm-Werkzeuge wie Mermaid und draw.io erzeugen so etwas, und ein Desktop-Programm wie Inkscape exportiert sie problemlos. Oder das XML ist fehlerhaft, dann kann der Browser die Datei gar nicht erst laden. Eine dritte Ursache, die fehlende xmlns-Angabe, reparieren wir automatisch, statt die Datei abzulehnen.
Welche Größe wird standardmäßig benutzt?
Die in der Datei angegebene — und wir zeigen Ihnen, aus welchem Teil der Datei sie stammt. Hat das SVG width- und height-Attribute, nehmen wir die und rechnen bei Bedarf aus cm, mm, pt oder Zoll um. Hat es nur eine viewBox, nehmen wir die — bewusst, denn ein Browser würde für so eine Datei 150 auf 150 melden, und das ist ein CSS-Standard, der mit der Zeichnung nichts zu tun hat. Nennt die Datei gar keine Größe, fallen wir auf 300 auf 150 zurück und sagen es.
Bleibt Transparenz erhalten?
Ja, standardmäßig. Ein PNG unterstützt Transparenz, und alles, was in Ihrem SVG nicht gezeichnet ist, bleibt transparent. Brauchen Sie einen deckenden Hintergrund — manche Upload-Formulare und Druck-Abläufe verlangen das —, gibt es die Option Weiß.
Kann ich mehrere Dateien auf einmal umwandeln?
Ja. Ziehen Sie beliebig viele hinein, stellen Sie die Größe einmal ein, und alles kommt als ZIP zurück. Die Faktoren beziehen sich auf die jeweils eigene Quellgröße jeder Datei, ein Stapel unterschiedlich großer Icons wird also verdoppelt statt auf ein Maß gezwungen. Sollen alle identische Maße haben, geben Sie stattdessen eine exakte Größe ein.
Gibt es eine Maximalgröße?
16000 Pixel an der längsten Seite. Das ist keine willkürliche Grenze, sondern der Punkt, an dem Browser-Canvas aufhört zu funktionieren. Wir haben es gemessen: 16000 auf 16000 ergibt ein gültiges PNG von 4,5 MB in etwa fünf Sekunden, 20000 scheitert komplett. Verlangen Sie mehr, wird die Größe passend verkleinert und Ihnen gesagt.
Muss ich meine Datei hochladen?
Nein. Die Datei wird auf Ihrem eigenen Gerät gelesen und umgewandelt, in diesem Browser-Tab. Nichts wird irgendwohin geschickt, nichts gespeichert, und es gibt keine Aufbewahrungsfrist.
Kann ich ein PNG zurück in ein SVG umwandeln?
Können Sie, aber das ist eine grundsätzlich schwierigere Aufgabe und es lohnt sich, sie vorher zu verstehen. Von Pixeln zu Vektoren heißt, Formen nachzuzeichnen, die nie in der Datei standen — bei Logos und Strichzeichnungen gelingt das hervorragend, bei Fotografien schlecht. Unsere Seite PNG in SVG misst genau, wie gut es für welche Art Bild funktioniert.
Was ist ein SVG eigentlich?
Eine Textdatei, die Formen beschreibt — Linien, Kurven, Füllungen — statt eines Rasters aus Pixeln. Weil sie Anweisungen speichert und keine Punkte, lässt sie sich in jeder Größe zeichnen, ohne je klotzig zu werden, und ist für flächige Grafik wie Logos und Icons meist viel kleiner als ein Rasterbild. Man kann sie in einem Texteditor öffnen und lesen. Der Haken ist, dass nicht überall das Format akzeptiert wird — deshalb gibt es diese Seite.

Wandeln Sie Ihr SVG in der richtigen Größe um

Größe wählen, scharfes PNG bekommen. Kostenlos, im Stapel, und es verlässt Ihren Browser nie.

SVG in PNG umwandeln