SVG in PNG
Wandle eine unterstützte statische SVG-Grafik in ein PNG mit festgelegten Pixelmaßen und transparentem oder einfarbigem Hintergrund um. Die Umwandlung erfolgt lokal; prüfe das Ergebnis und lade dasselbe geprüfte Bild herunter.
Aus einer Vektorgrafik ein PNG erstellen
- Wähle eine SVG-Datei oder füge ihre UTF-8-Auszeichnung ein. Die Quelle wird vor der Übergabe an die Rendering-Engine geprüft.
- Verwende das erkannte Ansichtsfenster oder lege eine Zeichenfläche fest. Wähle anschließend Original, Breite oder Höhe und den Ausgabehintergrund.
- Wähle In PNG umwandeln, prüfe das Ergebnis und lade es herunter. Eine Änderung der Quelle oder einer Einstellung macht das alte Bild ungültig.
Zeichenfläche und Pixel verstehen
Die viewBox einer SVG beschreibt ein Koordinatenrechteck, keine allgemeingültige Pixelgröße. Der Konverter verwendet ausdrücklich angegebene Maße des Wurzelelements und bei fehlenden Maßen die dokumentierte viewBox-Konvention.
Ein benutzerdefiniertes Ansichtsfenster legt die Quellzeichenfläche fest. Bei Wahl einer Ausgabebreite oder -höhe wird die andere Pixelachse daraus berechnet; das abschließende Runden auf ganze Zahlen kann das Seitenverhältnis geringfügig verändern.
PNG unterstützt Transparenz. Das Schachbrett der Vorschau ist nicht Teil der Datei. Ein einfarbiger Hintergrund ersetzt transparente Bereiche bewusst durch die gewählte deckende Farbe.
Text wird mit den mitgelieferten regulären Schriften gerendert. Angeforderte Schriftfamilien, Schriftstärken, Abstände oder Schriftsysteme können anders aussehen oder fehlende Glyphen aufweisen. Wandle Text für eine exakte Typografie vor der Umwandlung in Pfade um.
Beispiele für Maße
Eine viewBox 10 20 400 200 ohne Maße am Wurzelelement verwendet eine Quellzeichenfläche von 400 × 200. Eine gewählte Breite von 1200 ergibt ein PNG mit 1200 × 600; der von null verschiedene viewBox-Ursprung bleibt relevant.
Bei einer viewBox von 100 × 50 und nur der angegebenen Breite 200 leitet dieses Werkzeug die Höhe 100 ab. Das ist eine Konvention des Werkzeugs und keine Zusicherung, dass jede eigenständige Engine eine fehlende Achse ebenso auflöst.
Eine Quellzeichenfläche von 3 × 2 benötigt bei Breite 10 die ganzzahlige Höhe 7. Gebrochene Geometrie und Kantenglättung werden weiterhin von der festgelegten Engine gerendert, nicht durch die Größenformel rekonstruiert.
Ein unterstütztes statisches Profil, nicht jede SVG
Das Profil umfasst übliche Pfade, Formen, Gruppen, Text, Stile, Verläufe, lokale Wiederverwendung, Beschneidung, Masken, Marker und geprüfte eingebettete PNG- oder JPEG-Bilder. Nicht unterstützte Funktionen werden abgelehnt, statt ein unbemerkt unvollständiges Ergebnis zu erzeugen.
Filter, Muster, Animationen, Skripte, HTML-foreignObject, externe Ressourcen und verschachtelte SVG-Bilder sind in dieser Version ausgeschlossen. Manche exportierten Grafiken, besonders mit Effekten oder Schatten, müssen daher anderweitig vorbereitet werden.
Die Quelle ist auf 4 MiB, jede Ausgabeachse auf 8192 Pixel und das vollständige Raster auf 8.388.608 Pixel begrenzt. Zusätzlich gelten Grenzen für Struktur, eingebettete Bilder, Expansion, Zwischenflächen und Zeit. Eine kleine Quelle garantiert keinen geringen Rendering-Aufwand.
Das Werkzeug verspricht weder eine mit dem Browser identische Darstellung noch Originalschriften, ICC-Farbprofile, Druck-DPI-Metadaten, beliebige Unicode-Abdeckung oder die Erhaltung der Quellmetadaten. DPI legt hier die Umrechnung physischer Einheiten fest, nicht die Druckmetadaten des PNG.
Es wird jeweils ein Dokument umgewandelt. Die ursprüngliche SVG wird weder bearbeitet, hochgeladen, als ausführbare Auszeichnung angezeigt noch durch eine umgeschriebene SVG zum Download ersetzt. Es gibt kein Stapel-ZIP, keinen SVG-Editor und kein garantiertes Kompressionsverhältnis.
Lokale Umwandlung mit festgelegten Ressourcen
Die Umwandlung verwendet lokale Worker sowie feste Engine- und Schriftressourcen desselben Ursprungs. Das Werkzeug lädt bereitgestellte SVGs, Bildressourcen und Dateiinhalte nicht hoch, speichert sie nicht im Verlauf und setzt sie nicht in Freigabe-URLs. Von der Quelle ausgewählte Netzwerkressourcen werden abgelehnt. Diese Zusage beschreibt den Datenfluss des Werkzeugs und ist kein allgemeines Sicherheitszertifikat für den Browser.
Fragen zu SVG in PNG
Quellen
Diese Quellen beschreiben die Eingabeformate und die festgelegten Paketversionen des Umwandlungsprofils; sie bestätigen nicht jede SVG-Datei oder deren Darstellung.
- W3Cw3.orgW3C: Scalable Vector Graphics 1.1
- W3Cw3.orgW3C: SVG-Koordinatensysteme und Zeichenflächen
- W3Cw3.orgW3C: SVG-Links und Ressourcenverweise
- W3Cw3.orgW3C: Extensible Markup Language 1.0
- W3Cw3.orgW3C: CSS-Syntax
- W3Cw3.orgW3C: PNG-Spezifikation
- registry.npmjs.orgPaket resvg-wasm 2.6.2
- raw.githubusercontent.comQuellcode der festgelegten resvg-Schnittstelle
- raw.githubusercontent.comFestgelegte Rendering-Engine: dokumentierte Einschränkungen
- registry.npmjs.orgPaket saxes 6.0.0
- registry.npmjs.orgPaket CSS Tree 3.1.0
Profilquellen am 9. November 2026 geprüft. Die unterstützte Teilmenge ist kleiner als der Funktionsumfang der Engine; mitgelieferte Schriftarten, fehlende Zeichen und die Farbdarstellung können das Ergebnis verändern.
Ähnliche Werkzeuge
CSS-Filter-Generator
Ordne und wiederhole CSS-Effekte, vergleiche ein Beispiel und kopiere die genaue Deklaration.
Werkzeug öffnen — CSS-Filter-GeneratorRechner für fließende Schriftgrößen
Legen Sie Schriftgrößen für zwei Ansichtsbreiten fest. Kopieren Sie das CSS mit wurzelbezogenen Einheiten und prüfen Sie das Modell anhand derselben ausgegebenen Koeffizienten.
Werkzeug öffnen — Rechner für fließende SchriftgrößenCSS-Schaltflächengenerator
Gestalte native Schaltflächenzustände, prüfe den Tastaturfokus und kopiere HTML und CSS.
Werkzeug öffnen — CSS-SchaltflächengeneratorCSS-Border-Radius-Generator
Bearbeite acht Eckradien, prüfe die Vorschau und kopiere CSS in Pixeln oder Prozent.
Werkzeug öffnen — CSS-Border-Radius-GeneratorCSS-Grid-Generator
Erstelle ein CSS-Grid-Beispiel mit Tracks, Platzierung und benannten Bereichen. Vorschau ansehen, CSS oder HTML kopieren und das vollständige Beispiel herunterladen.
Werkzeug öffnen — CSS-Grid-GeneratorCSS-Flexbox-Generator
Erstellen Sie ein Flexbox-Beispiel mit Container- und Elementsteuerelementen, expliziten Layoutachsen, passendem CSS und HTML und einem lokalen vollständigen Beispiel-Download.
Werkzeug öffnen — CSS-Flexbox-GeneratorCSS-Textschatten-Generator
Erstelle geordnete Textschatten, prüfe einfachen Text und kopiere exaktes CSS.
Werkzeug öffnen — CSS-Textschatten-GeneratorCSS Transformationsgenerator
Erstellen Sie wiederholbare 2D-CSS-Transformationen, bearbeiten Sie px oder prozentuale Übersetzung und Ursprung, überprüfen Sie eine Referenzbox und kopieren Sie die genauen aktuellen Deklarationen.
Werkzeug öffnen — CSS TransformationsgeneratorCSS-Boxschatten-Generator
Erstellen Sie geordnete box-shadow-Ebenen, betrachten Sie die Vorschau und kopieren Sie den CSS-Code.
Werkzeug öffnen — CSS-Boxschatten-GeneratorBild-Wasserzeichen
Fügen Sie Bildern Text oder ein Logo hinzu, prüfen Sie die Ergebnisse und laden Sie einzelne Dateien oder eine ZIP-Datei herunter.
Werkzeug öffnen — Bild-WasserzeichenCSS-Verlaufsgenerator
Erstellen Sie lineare oder radiale Verläufe mit einstellbaren Farben, Deckkraft und Farbpunkten.
Werkzeug öffnen — CSS-VerlaufsgeneratorFarbkonverter
Konvertiere unterstützte sRGB-HEX-, RGB- und HSL-Werte mit Alpha und ausgewiesener Genauigkeit.
Werkzeug öffnen — FarbkonverterBild in Text (OCR)
Erkenne gedruckten Text aus lokalen PNG- oder JPEG-Bildern, wähle die Sprache und prüfe oder korrigiere das Ergebnis vor dem Kopieren oder Herunterladen.
Werkzeug öffnen — Bild in Text (OCR)QR-Code aus Bild lesen
Lesen Sie einen QR-Code aus einem lokalen PNG oder JPEG und prüfen Sie Text oder Bytes, ohne Links zu öffnen.
Werkzeug öffnen — QR-Code aus Bild lesenFarbkontrast prüfen
Vergleiche Vordergrund- und Hintergrundfarben, ändere die Deckkraft und prüfe numerische WCAG-Kontrastwerte für Text und wichtige Oberflächendetails.
Werkzeug öffnen — Farbkontrast prüfenRechner für Druckgröße und Auflösung
Berechnen Sie Druckgröße, benötigte Pixel und effektive PPI beim Einpassen oder Beschneiden.
Werkzeug öffnen — Rechner für Druckgröße und AuflösungSeitenverhältnis-Rechner
Berechne das Verhältnis von Breite zu Höhe oder neue Pixelmaße anhand einer vorgegebenen Seite.
Werkzeug öffnen — Seitenverhältnis-RechnerBilder komprimieren
Versuche, JPEG, PNG oder WebP auf eine Zieldateigröße zu bringen – mit gemessenem Ergebnis und optional kleineren Abmessungen.
Werkzeug öffnen — Bilder komprimierenHEIC in JPG
Wandle unterstützte HEIC-Fotos lokal in JPG-Dateien mit voller Auflösung um, wähle Qualität und Hintergrund und lade geprüfte Ergebnisse einzeln oder als ZIP herunter.
Werkzeug öffnen — HEIC in JPGBildkonverter
Wandle PNG-, JPEG- und WebP-Bilder lokal um, stelle Transparenz, Hintergrund und Qualität ein und lade die Ergebnisse herunter.
Werkzeug öffnen — BildkonverterFotocollage erstellen
Ordne lokale Fotos in einem Raster an und lade ein PNG oder JPEG herunter.
Werkzeug öffnen — Fotocollage erstellenBilder drehen und spiegeln
Drehe oder spiegle einen lokalen Stapel statischer PNG-, JPEG- und WebP-Bilder und lade die geprüften Ergebnisse herunter.
Werkzeug öffnen — Bilder drehen und spiegelnBild zuschneiden
Schneide ein lokales JPEG-, PNG- oder WebP-Bild pixelgenau zu und lade es als PNG oder JPEG herunter.
Werkzeug öffnen — Bild zuschneidenBildgröße ändern
Ändere die Größe eines JPG-, PNG- oder WebP-Bildes nach Pixeln oder Prozent, prüfe die Vorschau und lade es herunter.
Werkzeug öffnen — Bildgröße ändern