PNG in SVG umwandeln
Kapseln Sie Raster-PNG-Bilder in einem SVG-XML-Vektorcontainer, damit sie im Web responsiv skaliert und in vektorkompatible Layouts integriert werden können.
Formatvergleich & technische Spezifikationen
| Spezifikation | PNG | SVG |
|---|---|---|
| MIME-Typ | image/ | image/ |
| Typ | Raster | Vektor |
| Kompression | verlustfrei (DEFLATE / LZ77 + Huffman) | verlustfreier XML-Text (GZIP-komprimierbar über .svgz) |
| Standardspezifikation | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Magic-Bytes-Header | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Formatübersicht & Anwendungsbereiche
Das Konvertieren von PNG-Dateien in das SVG-Format bettet das Raster-Bitmap in einen XML-Vektorcontainer ein, wodurch Webentwickler und Grafikdesigner Rastergrafiken direkt in skalierbare Vektor-Workflows integrieren können. Ein PNG-Rasterbild verwendet ein festes Raster aus farbigen Pixeln. Das Einbetten dieser Grafik in eine SVG-Datei bewahrt die ursprünglichen Pixelabmessungen und die Transparenz, während das Bild direkt in SVG-gesteuerte Web-Layouts und responsive UI-Viewports eingebettet werden kann. Webdesigner führen diese Konvertierung häufig durch, um Rastergrafiken in SVG-Sprite-Sheets, Vektorillustrations-Workflows und responsive Websites zu integrieren, ohne separate externe Bilddateien verwalten zu müssen. Das resultierende SVG verpackt die gesamte Grafik eigenständig in standardmäßigem XML-Markup.
Technische Spezifikationen und Codec-Übersicht
Eine PNG-Datei ist ein Rasterbild mit dem MIME-Typ image/png. Sie beginnt mit dem Magic-Byte-Header 89 50 4E 47 0D 0A 1A 0A, gefolgt von Datenblöcken, die mit dem DEFLATE-Algorithmus komprimiert wurden, welcher LZ77-Sliding-Dictionaries und Huffman-Kodierung kombiniert. Im Gegensatz dazu verwendet eine SVG-Datei den MIME-Typ image/svg+xml und ist als XML-Dokument strukturiert. Während der Konvertierung rasterisiert die Engine das Bild im Client-Speicher, serialisiert das Bitmap zu PNG und bettet das Bild als Base64-Daten-URI in ein SVG-<image>-Containerelement ein. Dadurch wird die Grafik in eine gültige, in sich geschlossene SVG-Datei mit definierten viewBox-Abmessungen verpackt.
Betriebssystem- & Browser-Kompatibilität
SVG-Dateien genießen universelle Unterstützung in modernen Webbrowsern einschließlich Chrome, Firefox, Safari und Edge sowohl auf Desktop- als auch auf mobilen Betriebssystemen wie Windows, macOS, Android und iOS. Bildbetrachter und Design-Suiten wie Adobe Illustrator, Inkscape und CorelDRAW verarbeiten die SVG-Bearbeitung nativ. PNG-Dateien teilen diese universelle Browser- und Betriebssystemunterstützung, aber das Anzeigen von rohem SVG-Markup erfordert einen beliebigen Standard-Texteditor. Die Unterstützung hängt außerdem von App, Gerät, Betriebssystem und Version ab.
Nützliche Informationen
Da bei dieser Konvertierung das Raster-Bitmap in einen XML-Container eingebettet wird, anstatt Vektorpfade nachzuzeichnen, behält die Grafik genaue Pixeldetails und Alpha-Transparenz bei und bleibt gleichzeitig vollständig kompatibel mit SVG-Renderern.
Häufig gestellte Fragen
Wie konvertiert man ein PNG-Bild in einen SVG-Vektor, ohne an Qualität zu verlieren?
Der Konverter bettet die PNG-Bitmap in voller Auflösung direkt als eingebetteten Base64-Datenstrom in einen SVG-XML-Wrapper ein. So bleiben Pixelfarben und Transparenz ohne verlustbehaftete Komprimierung erhalten.
Was ist der Unterschied zwischen einem PNG-Bild und einem SVG-Vektor?
PNG ist ein Rasterbildformat, das visuelle Daten als festes Raster aus farbigen Pixeln speichert, die mit DEFLATE komprimiert sind, wodurch die Dateigröße von den Pixelabmessungen abhängt. SVG ist ein Vektorbildformat, das visuelle Daten als skalierbare mathematische Anweisungen in XML-Text speichert, sodass das Bild unendlich ohne Verpixelung skaliert werden kann.