PNG-naar-SVG-converter
Verpak PNG-rasterafbeeldingen in een SVG-vectorcontainer (XML) voor responsieve schaling op het web en eenvoudige integratie in vectorlay-outs.
Formaatvergelijking en technische specificaties
| Specificatie | PNG | SVG |
|---|---|---|
| MIME-type | image/ | image/ |
| Type | raster | vector |
| Compressie | verliesvrij (DEFLATE / LZ77 + Huffman) | verliesvrije XML-tekst (comprimeerbaar met GZIP via .svgz) |
| Standaardspecificatie | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Bestandshandtekening (magic bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Formaatoverzicht en toepassingen
Het converteren van PNG-bestanden naar het SVG-formaat wikkelt de rasterbitmap in een XML-vectorcontainer, waardoor webontwikkelaars en grafisch ontwerpers rastergraphics rechtstreeks kunnen insluiten in schaalbare vectorworkflows. Een raster-PNG-afbeelding gebruikt een vast raster van gekleurde pixels. Door deze graphic in een SVG-bestand te wikkelen, blijven de originele pixelafmetingen en transparantie behouden, terwijl de afbeelding direct kan worden ingesloten binnen op SVG gebaseerde weblay-outs en responsieve UI-viewports. Webontwerpers voeren deze conversie regelmatig uit om rasterafbeeldingen te integreren in SVG-spritesheets, vectorillustratieworkflows en responsieve websites zonder afzonderlijke externe afbeeldingsbestanden te hoeven beheren. De resulterende SVG verpakt de hele graphic zelfstandig in standaard XML-opmaak.
Technische specificaties en codec-overzicht
Een PNG-bestand is een rasterafbeelding met het MIME-type image/png. Het begint met de bestandshandtekening (magic bytes) van de header 89 50 4E 47 0D 0A 1A 0A, gevolgd door gegevensblokken die zijn gecomprimeerd met het DEFLATE-algoritme, dat LZ77 met schuivende woordenboeken en Huffman-codering combineert. Daarentegen gebruikt een SVG-bestand het MIME-type image/svg+xml en is het gestructureerd als een XML-document. Tijdens de conversie rendert de engine de afbeelding in het clientgeheugen, serialiseert de bitmap naar PNG en sluit de afbeelding in als een Base64-data-URI binnen een SVG <image>-containerelement. Hiermee wordt de graphic verpakt in een geldig, zelfstandig SVG-bestand met gedefinieerde viewBox-afmetingen.
Besturingssysteem- en browserondersteuning
SVG-bestanden worden breed ondersteund door moderne webbrowsers, waaronder Chrome, Firefox, Safari en Edge op zowel desktops als mobiele besturingssystemen zoals Windows, macOS, Android en iOS. Afbeeldingsviewers en ontwerppakketten zoals Adobe Illustrator, Inkscape en CorelDRAW kunnen SVG-bestanden rechtstreeks bewerken. PNG-bestanden delen deze brede ondersteuning in browsers en besturingssystemen, maar voor het bekijken van de ruwe SVG-code is een willekeurige standaardteksteditor vereist.
Handige informatie
Omdat bij deze conversie de rasterafbeelding in een XML-container wordt ingesloten in plaats van dat er vectorpaden worden getraceerd, behoudt de afbeelding exacte pixeldetails en alfatransparantie, terwijl de volledige compatibiliteit met SVG-renderers behouden blijft.
Veelgestelde vragen
Hoe converteert u een PNG-afbeelding naar een SVG-vectorafbeelding zonder kwaliteitsverlies?
De converter sluit de PNG-bitmap met volledige resolutie rechtstreeks in binnen een SVG XML-omhulling als ingesloten Base64-gegevensstroom. Hierdoor blijven de pixelkleuren en transparantie behouden zonder compressie met verlies.
Wat is het verschil tussen een PNG-afbeelding en een SVG-vectorafbeelding?
PNG is een rasterafbeelding die visuele gegevens opslaat als een vast raster van gekleurde pixels gecomprimeerd met DEFLATE, waardoor de bestandsgrootte afhankelijk is van de pixelafmetingen. SVG is een vectorafbeelding die visuele gegevens opslaat als schaalbare wiskundige instructies geschreven in XML-tekst, waardoor de afbeelding oneindig kan worden geschaald zonder pixelvorming.