Question 1

Welche Größe bekommt mein PNG?

Accepted Answer

Die, die in der SVG steht, und diese Zahl siehst du, bevor du irgendetwas herunterlädst. Zwei Stellen in der Datei können sie beantworten: width und height am Wurzelelement, oder eine viewBox, die das eigene Koordinatensystem der Zeichnung aufspannt. Bei jeder Datei in der Liste steht, welche der beiden verwendet wurde und wie viele Pixel das ergibt. Willst du eine andere Zahl, trag sie unter Pixelgröße ein, die Höhe folgt dann der Form der Zeichnung.

Question 2

Wie wandle ich SVG in PNG in hoher Auflösung um?

Accepted Answer

Trag die gewünschte Breite ein. Eine SVG hat keine maximale Auflösung, weil sie Formen speichert und keine Pixel: 2048 Pixel zu verlangen zeichnet die Grafik in 2048 Pixeln neu, statt ein kleineres Bild aufzublasen. Genau darin unterscheidet sich das vom Vergrößern eines fertigen PNG. Die nützlichen Zahlen sind meist die, die dein Ziel vorgibt: 512 oder 1024 für ein App-Icon, 1200 für ein Bild in sozialen Netzwerken, oder ein Faktor, wenn du Grafiken für Bildschirme baust.

Question 3

Verliert SVG in PNG umwandeln an Qualität?

Accepted Answer

Nicht in dem Sinn, in dem die Frage meist gemeint ist. Ein Vektor hat keine Auflösung, die verloren gehen könnte, und PNG ist verlustfrei, beim Umwandeln selbst geht also nichts weg. Was du entscheidest, ist die Größe, in der das Ganze festgehalten wird, und diese Entscheidung ist endgültig: Ein Logo als 64-Pixel-PNG wirkt auf einem Plakat weich, und keine Einstellung holt das zurück, weil diese Pixel nie da waren. Nimm die Größe, die dein Ziel braucht, dann stimmt das Ergebnis genau. Die Ausnahme ist JPG, denn JPEG komprimiert von Haus aus verlustbehaftet, und deshalb gibt es den Qualitätsregler nur für JPG und WebP.

Question 4

Bleibt der transparente Hintergrund im PNG erhalten?

Accepted Answer

Ja. Transparent ist voreingestellt, und PNG wie WebP haben beide einen Alphakanal: Was in der SVG durchsichtig war, ist es auch im Download. Die Vorschau liegt auf einem Schachbrettmuster, denn ein transparenter und ein weißer Hintergrund sehen sonst gleich aus. JPG ist das einzige Format, das es nicht kann, weil ein JPEG überhaupt keinen Alphakanal hat. Deshalb setzt die Wahl von JPG den Hintergrund auf Weiß, und du kannst stattdessen jede andere Farbe nehmen. Das ist auch die Lösung, falls eine umgewandelte Datei je mit einem schwarzen Kasten dort zurückkam, wo die Transparenz sein sollte.

Question 5

Kann ich SVG stattdessen in JPG umwandeln?

Accepted Answer

Ja. SVG in JPG umwandeln ist dieselbe Umwandlung mit einem anderen Encoder am Ende: Wähl JPG beim Ausgabeformat, und alles, was schon in der Liste liegt, wird neu geschrieben. WebP steht ebenfalls bereit und ist meist die bessere Wahl, wenn es auf die Dateigröße ankommt, denn es behält Transparenz und JPG nicht. Eines ist beim Wechsel zu JPG zu entscheiden: Ohne Transparenz muss der Hintergrund eine echte Farbe werden, und Weiß wird für dich gewählt, solange du nichts anderes sagst.

Question 6

Kann ich SVG-Code einfügen statt eine Datei hochzuladen?

Accepted Answer

Ja, dafür gibt es das Feld unter "SVG-Code statt einer Datei einfügen". Füg den Quelltext ein, klick auf den Knopf, und er landet wie jede andere Datei in der Liste. Du kannst auch einfach irgendwo auf der Seite Strg+V drücken: SVG-Code in der Zwischenablage wird als Quelltext erkannt, eine im Dateimanager kopierte SVG-Datei als Datei. Vorher speichern musst du nichts, und genau darum geht es, wenn die SVG gerade aus einem Editor oder einer Komponente kommt.

Question 7

Warum sieht der Text in meiner SVG falsch aus?

Accepted Answer

Weil eine SVG den Namen einer Schrift speichert und nicht die Schrift selbst. Beim Zeichnen liefert dein Gerät die Schrift, und hat es die angeforderte nicht, wird eine andere eingesetzt, und die Buchstaben ändern Breite, Abstand und Form. Eine Datei, die eine hier nicht vorhandene Schrift nennt, sagt das in ihrer eigenen Zeile, bevor du sie herunterlädst, du erfährst es also in dem Moment, in dem du noch etwas tun kannst. Zuverlässig lösen lässt es sich am anderen Ende: Wandle den Text in dem Programm, das die SVG erzeugt hat, vor dem Export in Pfade um. Aus den Buchstaben werden Formen, die keine Schrift mehr brauchen und überall gleich herauskommen.

Question 8

Kann ich einen ganzen Ordner mit Icons auf einmal umwandeln?

Accepted Answer

Ja. Klick auf "Ordner auswählen" und wähl den Ordner selbst statt der Dateien darin, denn genau das ist ein Icon-Set, sobald es auf deiner Platte liegt. Alles darin, was eine SVG ist, landet in der Warteschlange, die Lizenzdatei, die README und die Vorschaubilder bleiben liegen. Danach nimmst du alles als ein ZIP mit. Die Anzahl begrenzt nichts, weil die Arbeit auf deinem eigenen Prozessor passiert.

Question 9

Kann ich 1×, 2× und 3× in einem Durchgang exportieren?

Accepted Answer

Ja. Setz die Haken bei 1×, 2× und 3× unter den Größeneinstellungen, dann kommt jede Datei in jeder angehakten Größe heraus, in einem einzigen Durchgang. Die 1×-Datei behält ihren Namen, die übrigen bekommen ein Kürzel: Aus icon.svg werden icon.png, icon@2x.png und icon@3x.png. Das Kürzel lässt sich auf -2x, _2x oder -2 umstellen, falls dein Build das erwartet, und du kannst jeden weiteren Faktor ergänzen, 1,5 eingeschlossen. Alles landet im selben ZIP.

Question 10

Meine SVG ist in Millimetern vermaßt. Wie bekomme ich sie mit 300 DPI?

Accepted Answer

Stell das DPI-Feld auf 300. Eine Datei, die ihre Größe in Millimetern, Zentimetern, Zoll oder Punkt angibt, wurde für Papier gezeichnet, und Pixel entstehen erst, wenn eine Auflösung gewählt ist. Browser lösen diese Einheiten mit 96 Pixeln pro Zoll auf, deshalb kommt eine 50-mm-Grafik voreingestellt 189 Pixel breit heraus und wirkt für den Druck viel zu klein. Bei 300 werden aus denselben 50 mm 591 Pixel. Auf eine Datei, die in Pixeln vermaßt ist oder ihre Größe aus der viewBox bezieht, wirkt die Einstellung gar nicht, und die Seite sagt dir das, statt dich rätseln zu lassen.

Question 11

Werden meine Dateien irgendwohin hochgeladen?

Accepted Answer

Nein, und es gibt hier auch keinen Server, der sie entgegennehmen könnte. Deine SVG wird von deinem eigenen Browser auf deinem eigenen Rechner gelesen, gezeichnet und geschrieben. Wenn du das lieber prüfen als glauben willst: Öffne den Netzwerk-Tab und wandle etwas um, es geht nichts hinaus. Das gilt auch für alles, worauf deine Datei verweist. Zeigt eine SVG auf eine Schrift oder ein Bild, das anderswo liegt, holt diese Seite es nicht, diese Adressen werden also nie in deinem Namen kontaktiert. Es heißt allerdings auch, dass dieser Inhalt nicht ins PNG kommen kann, und deshalb steht in der Zeile der Datei, wenn etwas fehlt.

Question 12

Wie wandle ich eine SVG auf dem Mac in ein PNG um?

Accepted Answer

Für eine einzelne Datei schafft macOS das ganz ohne Browser: Öffne die SVG in der Vorschau, dann Ablage, Exportieren, und wähl PNG. Für eine Datei ist das tatsächlich schneller als jede Website. Hierher kommst du zurück, wenn du einen Ordner statt einer Datei hast, wenn du eine exakte Pixelbreite brauchst, wenn du 1×, 2× und 3× in einem Durchgang willst, oder wenn du vorher sehen möchtest, auf welche Größe die Datei überhaupt aufgelöst wird. Nichts davon bietet die Vorschau, und unter Windows gibt es zur Vorschau gar kein Gegenstück, weshalb die Frage dort viel häufiger aufkommt.

Question 13

Kann ich ein PNG zurück in eine SVG umwandeln?

Accepted Answer

Nein, und der Grund ist es wert, ihn zu kennen, statt nur ein Nein zu bekommen. Diese Richtung ist exakt: Formen haben Koordinaten, und sie in beliebiger Größe zu zeichnen ist Rechnerei. Die Gegenrichtung heißt, ein Raster aus Pixeln anzusehen und zu raten, welche davon eine Kurve sein sollten, und das ist ein anderer Vorgang, genannt Nachzeichnen. Er liefert eine Näherung, braucht eigene Einstellungen, und bei einem Foto oder einem weich gezeichneten Logo ist das Ergebnis meist schlechter als der Ausgangspunkt. Was beide Richtungen mit einem Knopf verspricht, stellt eine davon falsch dar.

Question 14

Kann ich hier eine SVG in ein PDF oder ein ICO umwandeln?

Accepted Answer

Nein, diese Seite schreibt Bilder. Ein PDF ist ein Dokument: Es hat Seiten, Ränder und ein Papierformat, und die gut zu wählen ist eine andere Aufgabe, als eine Grafik zu rastern. Ein ICO ist noch eigener, denn es ist ein Behälter, der mehrere Auflösungen gleichzeitig hält, und gemeint ist bei dieser Frage meist ein vollständiger Favicon-Satz und keine Formatumwandlung. Brauchst du eines von beiden, ist ein PNG in der richtigen Größe von hier genau die Datei, nach der dich beide Wege fragen werden.

Question 15

Ich will eine SVG nur ansehen, nicht umwandeln

Accepted Answer

Zieh sie hinein, dann siehst du sie. Jede Datei bekommt sofort eine Vorschau, dazu ihre tatsächlichen Maße und woher die stammen. Wenn die Frage also war, welches Icon das ist oder wie groß das Ding eigentlich ist, ist sie beantwortet, bevor du irgendetwas herunterlädst. Danach die Liste leeren, und es bleibt nichts zurück.

Question 16

Wie öffne ich eine SVG-Datei?

Accepted Answer

Eine SVG-Datei öffnen kannst du hier direkt: Zieh sie in das Feld oben, und du siehst sie sofort, samt ihrer Maße, ganz ohne etwas herunterzuladen. Das deckt den häufigsten Fall ab, nämlich dass ein Doppelklick im Explorer oder im Finder die Datei im falschen Programm oder gar nicht öffnet. Jeder aktuelle Browser zeigt eine SVG übrigens auch, wenn du sie einfach in einen leeren Tab ziehst. Soll die Datei danach auch außerhalb des Browsers aufgehen, wandle sie hier in PNG um, denn PNG öffnet jedes System von sich aus.

Question 17

Was ist eine SVG-Datei, und wann nehme ich lieber PNG?

Accepted Answer

Eine SVG ist eine Zeichnung, die als Anweisungen aufgeschrieben ist: dieser Kreis hier, dieser Pfad dort, in diesen Farben. Deshalb bleibt sie in jeder Größe scharf, und deshalb ist die Datei für ein Logo oder ein Icon meist winzig. Nimm sie überall dort, wo die Gegenstelle sie versteht, und das heißt heute Websites und Grafikprogramme. Nimm ein PNG, wenn das Ziel Pixel will und sonst nichts, und diese Liste ist lang: Präsentationen, Marktplatz-Anzeigen, App-Store-Einreichungen, E-Mail-Signaturen, Druckereien, Foren und die meisten Stellen, die einen Bild-Upload anbieten. Für ein Foto ist PNG ohnehin richtig, dafür war SVG nie gedacht.

Question 18

Wie viele Dateien kann ich auf einmal umwandeln?

Accepted Answer

So viele du willst. Hier zählt sie niemand, weil pro Umwandlung für niemanden Kosten entstehen: Die Arbeit macht dein eigener Prozessor. Ein Ordner mit einigen hundert Icons läuft nacheinander durch, mit Fortschrittsbalken und einer Zeile pro Datei, und der Tab bleibt dabei bedienbar. Die einzige echte Grenze ist der Arbeitsspeicher deines Geräts, und eine Datei, die wirklich zu groß ist, scheitert in ihrer eigenen Zeile, während der Rest weiterläuft.

SVG in PNG umwandeln

Welche Größe bekommt dein PNG?

Exakte Pixelgröße

1×, 2× und 3× auf einmal exportieren

SVG in JPG umwandeln, oder in WebP

Hintergrund

SVG-Code statt einer Datei einfügen

Text, Schriften und was die Datei nur verlinkt

Häufig gestellte Fragen

Ähnliche Tools