Lieblingsorte deiner Lieblingsstadt
Startseite
Als bevorzugte Quelle bei Google hinzufügen

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.

SVG-Eingabe

Keine Datei ausgewählt

Eine SVG-Datei mit höchstens 4 MiB. Die Ausgabe ist auf 8192 Pixel pro Seite und insgesamt 8.388.608 Pixel begrenzt. Weitere Ressourcen- und Zeitlimits gelten.

PNG-Ergebnis

Wähle eine Datei oder füge SVG-Code ein und starte die Umwandlung, um das PNG zu sehen.

Die Umwandlung erfolgt lokal. Das Tool lädt die Quelle nicht hoch und ruft keine darin angegebenen Netzwerkressourcen ab.

Aus einer Vektorgrafik ein PNG erstellen

  1. 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.
  2. Verwende das erkannte Ansichtsfenster oder lege eine Zeichenfläche fest. Wähle anschließend Original, Breite oder Höhe und den Ausgabehintergrund.
  3. 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

Nur die mitgelieferten regulären Schriften sind verfügbar. Andere angeforderte Familien oder Stile können ersetzt werden; Textformung oder fehlende Zeichen können das Ergebnis verändern. Wandle Text in der Originalgrafik in Pfade um, wenn eine exakte Typografie wichtig ist.

Nicht in jeder SVG-Umgebung allein. Das Werkzeug erhält festgelegte Wurzelmaße, leitet nach Möglichkeit eine fehlende Achse aus der viewBox ab oder fordert ein benutzerdefiniertes Ansichtsfenster an. Der gewählte Rastermodus bestimmt anschließend die ganzzahligen Ausgabepixel.

Nein. Es macht transparente Bereiche nur in der Vorschau sichtbar. Wähle einen einfarbigen Hintergrund, um diese Bereiche auf einen tatsächlich deckenden Hintergrund zu setzen.

Nein. Externe und relative Ressourcenverweise werden abgelehnt. Unterstützte PNG- und JPEG-Bilder müssen innerhalb der dokumentierten Grenzen eingebettet sein; Schriften stammen aus dem festen mitgelieferten Satz.

Sie gehören nicht zum zugelassenen Profil dieser Version. Die Engine kann mehr Funktionen unterstützen, als das Werkzeug annimmt; das unbemerkte Entfernen eines Effekts würde jedoch ein irreführendes Ergebnis erzeugen.

Nein. Die Engine erzeugt ein codiertes PNG für die gewählte Pixelzeichenfläche. Mehr Pixel können die Datei vergrößern; die Umwandlung garantiert weder eine kleinere Datei noch die ursprünglichen Vektordetails bei jeder Skalierung.

Diese Version wandelt jeweils eine lokale Datei oder ein eingefügtes Dokument um. Wähle für eine neue Umwandlung eine andere Quelle; das vorherige Ergebnis wird sofort ungültig.

Der zugehörige Rendering-Worker wird beendet und der Vorgang ungültig gemacht. Verspätete Ressourcen-, Dekodierungs- oder Ergebnisrückmeldungen können eine abgebrochene Vorschau oder einen Download nicht wiederherstellen.

Quellen

Diese Quellen beschreiben die Eingabeformate und die festgelegten Paketversionen des Umwandlungsprofils; sie bestätigen nicht jede SVG-Datei oder deren Darstellung.

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.

CSS-Filter-Generator

Ordne und wiederhole CSS-Effekte, vergleiche ein Beispiel und kopiere die genaue Deklaration.

Werkzeug öffnen — CSS-Filter-Generator

Rechner 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ößen

CSS-Schaltflächengenerator

Gestalte native Schaltflächenzustände, prüfe den Tastaturfokus und kopiere HTML und CSS.

Werkzeug öffnen — CSS-Schaltflächengenerator

CSS-Border-Radius-Generator

Bearbeite acht Eckradien, prüfe die Vorschau und kopiere CSS in Pixeln oder Prozent.

Werkzeug öffnen — CSS-Border-Radius-Generator

CSS-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-Generator

CSS-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-Generator

CSS-Textschatten-Generator

Erstelle geordnete Textschatten, prüfe einfachen Text und kopiere exaktes CSS.

Werkzeug öffnen — CSS-Textschatten-Generator

CSS 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 Transformationsgenerator

CSS-Boxschatten-Generator

Erstellen Sie geordnete box-shadow-Ebenen, betrachten Sie die Vorschau und kopieren Sie den CSS-Code.

Werkzeug öffnen — CSS-Boxschatten-Generator

Bild-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-Wasserzeichen

CSS-Verlaufsgenerator

Erstellen Sie lineare oder radiale Verläufe mit einstellbaren Farben, Deckkraft und Farbpunkten.

Werkzeug öffnen — CSS-Verlaufsgenerator

Farbkonverter

Konvertiere unterstützte sRGB-HEX-, RGB- und HSL-Werte mit Alpha und ausgewiesener Genauigkeit.

Werkzeug öffnen — Farbkonverter

Bild 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 lesen

Farbkontrast 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üfen

Rechner 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ösung

Seitenverhältnis-Rechner

Berechne das Verhältnis von Breite zu Höhe oder neue Pixelmaße anhand einer vorgegebenen Seite.

Werkzeug öffnen — Seitenverhältnis-Rechner

Bilder komprimieren

Versuche, JPEG, PNG oder WebP auf eine Zieldateigröße zu bringen – mit gemessenem Ergebnis und optional kleineren Abmessungen.

Werkzeug öffnen — Bilder komprimieren

HEIC 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 JPG

Bildkonverter

Wandle PNG-, JPEG- und WebP-Bilder lokal um, stelle Transparenz, Hintergrund und Qualität ein und lade die Ergebnisse herunter.

Werkzeug öffnen — Bildkonverter

Fotocollage erstellen

Ordne lokale Fotos in einem Raster an und lade ein PNG oder JPEG herunter.

Werkzeug öffnen — Fotocollage erstellen

Bilder 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 spiegeln

Bild zuschneiden

Schneide ein lokales JPEG-, PNG- oder WebP-Bild pixelgenau zu und lade es als PNG oder JPEG herunter.

Werkzeug öffnen — Bild zuschneiden

Bildgröß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
Alle Werkzeuge dieser Kategorie anzeigen