Konverter PNG til SVG
Når rasterbaserede PNG-billeder indkapsles i en SVG XML-vektorbeholder, kan de skaleres responsivt på nettet og indgå i vektorbaserede layouts.
Formatsammenligning & tekniske specifikationer
| Specifikation | PNG | SVG |
|---|---|---|
| MIME-type | image/ | image/ |
| Type | raster | vektor |
| Komprimering | tabsfri (DEFLATE / LZ77 + Huffman) | tabsfri XML-tekst (GZIP-komprimerbar via .svgz) |
| Standardspecifikation | 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) |
Formatoversigt og anvendelse
Konvertering af PNG-filer til SVG-format indkapsler raster-bitmapbilledet i en XML-vektorbeholder, hvilket gør det muligt for webudviklerne og grafiske designere at indlejre rastergrafik direkte i skalerbare vektor-arbejdsprocesser. Et raster-PNG-billede bruger et fast gitter af farvede pixels. Ved at indpakke denne grafik i en SVG-fil bevares de oprindelige pixeldimensioner og gennemsigtighed, samtidig med at billedet gøres direkte indlejrbart i SVG-drevne weblayouts og responsive brugerflade-viewports. Webdesignere udfører ofte denne konvertering for at integrere rastergrafik i SVG-spritesheets, vektorillustrations-arbejdsprocesser og responsive websteder uden at skulle håndtere separate eksterne billedfiler. Den resulterende SVG pakker hele grafikken selvstændigt ind i standard XML-markering.
Tekniske specifikationer og codec-oversigt
En PNG-fil er et rasterbillede med MIME-typen image/png. Den starter med byte-headeren 89 50 4E 47 0D 0A 1A 0A, efterfulgt af datablokke komprimeret med DEFLATE-algoritmen, som kombinerer LZ77-glidende ordbøger og Huffman-kodning. En SVG-fil bruger derimod MIME-typen image/svg+xml og er struktureret som et XML-dokument. Under konverteringen rasteriserer motoren billedet i klientens hukommelse, serialiserer bitmapbilledet til PNG og indlejrer det som en Base64-data-URI i et <image>-element i SVG. Dermed samles grafikken i en gyldig, selvstændig SVG-fil med definerede viewBox-dimensioner.
OS- og browserkompatibilitet
SVG-filer understøttes bredt i moderne browsere, herunder Chrome, Firefox, Safari og Edge, på både skrivebords- og mobiloperativsystemer som Windows, macOS, Android og iOS. Billedvisere og designprogrammer som Adobe Illustrator, Inkscape og CorelDRAW kan redigere SVG indbygget. PNG-filer har tilsvarende bred understøttelse i browsere og operativsystemer, men for at se rå SVG-markup skal du bruge en almindelig teksteditor.
Nyttig information
Da denne konvertering indlejrer raster-bitmapbilledet i en XML-beholder i stedet for at spore vektorstier, bevarer grafikken nøjagtige pixeldetaljer og alfagennemsigtighed, samtidig med at den bevarer fuld kompatibilitet med SVG-gengivere.
Ofte stillede spørgsmål
Hvordan konverterer man et PNG-billede til en SVG-vektor uden at miste kvalitet?
Konverteren indkapsler PNG-bitmapbilledet i fuld opløsning direkte inde i en SVG XML-wrapper som en indlejret Base64-datastream. Dette bevarer pixelfarverne og gennemsigtigheden uden tabsgivende komprimering.
Hvad er forskellen mellem et PNG-billede og en SVG-vektor?
PNG er et rasterbilledformat, der gemmer visuelle data som et fast gitter af farvede pixels komprimeret med DEFLATE, hvilket gør filstørrelsen afhængig af pixeldimensioner. SVG er et vektorbilledformat, der gemmer visuelle data som skalerbare matematiske instruktioner skrevet i XML-tekst, hvilket gør det muligt for billedet at ændre størrelse uendeligt uden pixelering.