SVG in PNG umwandeln

So wandeln Sie SVG in PNG um

1. Ziehen Sie eine oder mehrere SVG-Dateien auf die Ablagefläche oder klicken Sie darauf, um sie auszuwählen. Sie können auch Oder SVG-Code einfügen öffnen, das Markup einfügen und auf SVG-Code hinzufügen klicken.
2. Wählen Sie die Ausgabegröße: - Skalierungsfaktor multipliziert die eigene Größe des SVG (2 ergibt ein doppelt so breites und doppelt so hohes Bild); - Breite (Höhe folgt) oder Höhe (Breite folgt) behält die Proportionen; - Exakte Breite und Höhe erzwingt beide Abmessungen; - Auflösung (DPI) rendert physische Größen wie 2in oder 50mm mit der gewählten DPI-Zahl.
3. Wählen Sie ein Format: PNG, JPG oder WebP. JPG und WebP haben zusätzlich einen Regler Qualität.
4. Behalten Sie unter Hintergrund Transparent oder wählen Sie Farbe und legen Sie die Hintergrundfarbe fest.
5. Klicken Sie auf In Bild umwandeln. Jede Datei erhält eine Zeile mit Vorschau, neuer Pixelgröße und einer Schaltfläche Herunterladen. Alle herunterladen speichert die Dateien einzeln, ZIP herunterladen packt sie in ein einziges Archiv.

So wird die Größe berechnet

Ein SVG beschreibt Formen, keine Pixel, und lässt sich daher in jeder Größe scharf zeichnen. Seine „natürliche“ Größe ergibt sich aus den Attributen width und height des Wurzelelements <svg>. Fehlen diese, verwendet das Tool die viewBox (zum Beispiel ergibt viewBox="0 0 24 24" 24 × 24) – genau wie Browser. Hat das SVG beides nicht, gilt der Browser-Standard von 300 × 150.

Längen in physischen Einheiten werden nach der CSS-Regel von 96 Pixeln pro Zoll umgerechnet: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Deshalb steht bei DPI (96 = Originalgröße) die Zahl 96: Bei 300 DPI wird ein als width="1in" angegebenes Symbol 300 Pixel breit, so wie es eine Druckerei erwartet.

Bei Exakte Breite und Höhe wird eine Zeichnung, deren Proportionen vom Rahmen abweichen, gemäß der SVG-eigenen Regel preserveAspectRatio zentriert und mit Rändern eingepasst; gestreckt wird sie nur, wenn die Datei das verlangt.

Browser können kein Canvas mit mehr als etwa 16,7 Millionen Pixeln erzeugen (zum Beispiel 4096 × 4096). Fordern Sie mehr an, wird die Größe auf das größte passende Bild verringert, und eine Meldung nennt die endgültige Größe.

PNG, JPG oder WebP?

• PNG ist verlustfrei und bewahrt Transparenz: die beste Wahl für Symbole, Logos und Diagramme.
• JPG kennt keine Transparenz, transparente Bereiche werden daher mit der Hintergrundfarbe gefüllt. Nutzen Sie es für große Illustrationen, bei denen die Dateigröße wichtiger ist als gestochen scharfe Kanten.
• WebP bewahrt Transparenz und ist meist kleiner als PNG; alle aktuellen Browser zeigen es an.

Sicherheit und Grenzen

Ihr SVG wird nie in die Seite eingefügt. Es wird von einer privaten Blob-Adresse als einfaches Bild gezeichnet – ein Modus, in dem Browser keine Skripte ausführen und nichts weiter laden. Folglich werden externe Verweise nicht geladen: Webfonts von Google Fonts, per URL verlinkte Bilder und externe CSS-Dateien werden ignoriert, Text erscheint dann eventuell in einer Standardschrift. Um das exakte Aussehen zu erhalten, wandeln Sie Text vor der Umwandlung in Ihrem Editor in Pfade um oder betten Bilder als Data-URIs ein. Auf Ihrem Computer installierte Schriften können weiterhin verwendet werden.

Nichts wird hochgeladen: Rendern und Kodieren geschehen in Ihrem Browser.