SVG in PNG
SVG to PNG
Rendert eine SVG-Datei mit beliebigem Skalierungsfaktor als PNG, JPEG oder WebP, mit transparentem oder gefülltem Hintergrund.
Ein SVG in eine Bitmap zu verwandeln ist das, was Sie tun, wenn das Ziel keine Vektoren nimmt: eine Social-Media-Karte, eine E-Mail, ein App-Icon. Der Haken ist, dass der Browser das SVG isoliert rendert – keine verknüpften Bilder, keine externen Stylesheets, keine Webfonts –, sodass das, was herauskommt, nicht immer das ist, was Ihre Seite zeigt.
SVG hier ablegen
Oder fügen Sie das Markup unten ein.
Quelle
So funktioniert es
Legen Sie die Datei ab oder fügen Sie das Markup ein
Die intrinsische Größe wird aus width/height oder der viewBox gelesen, und die Seite sagt, wenn sie raten musste.
Legen Sie den Faktor fest
Er multipliziert die intrinsische Größe, und die resultierenden Pixelmaße stehen neben dem Regler, sodass 3× auf einem 24-px-Icon sichtbar 72 px ist und keine Vermutung.
Wählen Sie Transparenz oder einen Hintergrund
JPEG hat kein Alpha, sodass die Wahl eine Hintergrundfarbe erzwingt, statt stillschweigend auf Schwarz zu legen.
Häufige Fragen
Der Text kam in der falschen Schrift heraus.
Der Renderer kann keinen Webfont laden – ein so gerastertes SVG lädt nichts Externes. Wandeln Sie den Text vor dem Export in Ihrem Editor in Pfade um; das ist der Standardrat für ein SVG, das überall identisch gerastert werden muss.
Es heißt, der Browser habe das Rendern verweigert.
Meist ein fehlendes xmlns-Attribut – ein SVG ohne es ist kein XML, das der Browser zeichnet –, oder fehlerhaftes Markup, oder ein Verweis auf eine Ressource, die er nicht laden darf.
Soll ich für meine Website rastern?
Meist nicht. Ein SVG bleibt bei jeder Dichte scharf und ist oft kleiner als das PNG; wenn es für CSS ist, hält der Data-URI-Encoder es als Vektor. Rastern Sie, wenn etwas nachgelagert wirklich kein SVG lesen kann.
Eingabe aus
SVG-Optimierer
SVG Optimiser
Entfernt Editor-Ballast, fasst Transformationen zusammen und rundet die Pfadgenauigkeit, mit gerendertem Vorher-nachher-Vergleich.
Bild in SVG
Image to SVG
Zeichnet eine Bitmap in SVG-Pfade nach, abgestimmt auf Logos und Strichzeichnungen, nicht auf Fotos.
SVG-Pfad-Editor
SVG Path Editor
Wandelt Pfaddaten zwischen absoluten und relativen Befehlen um, verschiebt, skaliert, dreht und kehrt sie um und zeigt die Bounding-Box mit Live-Vorschau.
SVG-Editor mit Erklärung
SVG Editor and Explainer
Bearbeitet ein SVG neben seinem Live-Rendering und erklärt die Datei: viewBox und Skalierung, Transformationen, jeden Pfadbefehl, vererbte Füllung, verschwendete Bytes und was in einem <img>, einer Data-URI oder inline bricht.
Danach
Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.
Favicon-Generator
Favicon Generator
Erzeugt den kompletten Favicon-Satz – ICO, PNGs, Apple-Touch-Icon, Web-Manifest – samt HTML zum Einfügen.
Bildgröße ändern
Image Resizer
Skaliert Bilder nach Pixeln, Prozent oder einer Ziel-Kantenlänge, mit Sperre für das Seitenverhältnis und Voreinstellungen für die Stapelverarbeitung.
PNG-Kompressor
PNG Compressor
Verkleinert ein PNG ohne Upload, komplett im Browser: Die Farbpalette wird quantisiert und der Deflate-Strom neu geschrieben, die Abmessungen bleiben unverändert.
SVG-Optimierer
SVG Optimiser
Entfernt Editor-Ballast, fasst Transformationen zusammen und rundet die Pfadgenauigkeit, mit gerendertem Vorher-nachher-Vergleich.
Hintergrund entfernen
Background Remover
Stellt ein Motiv vor einfarbigem Hintergrund per OKLab-Keying frei – ohne Upload, komplett im Browser – und liefert ein transparentes PNG samt Pinsel zum Nachbessern der Kanten.
EXIF-Daten entfernen
EXIF Remover
Entfernt Kamera-, GPS- und Bearbeitungsmetadaten aus Fotos, ohne die Pixel anzurühren – ohne Upload, komplett im Browser.