Konvertera PNG till SVG
Bädda in rasterbaserade PNG-bilder i en SVG-behållare i XML för responsiv skalning på webben och integrering i layouter med vektorstöd.
Formatjämförelse och tekniska specifikationer
| Specifikation | PNG | SVG |
|---|---|---|
| MIME-typ | image/ | image/ |
| Typ | raster | vektor |
| Komprimering | förlustfri (DEFLATE / LZ77 + Huffman) | förlustfri XML-text (GZIP-komprimerbar via .svgz) |
| Standardspecifikation | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Magic Bytes-huvud | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Formatöversikt och användningsområden
Att konvertera PNG-filer till SVG-formatet placerar rasterbitmappen i en XML-vektorkontainer, vilket gör att webbutvecklare och grafiska designer kan bädda in rastergrafik direkt i skalbara vektorflöden. En rastrerad PNG-bild använder ett fast rutnät av färgade pixlar. Genom att omsluta denna grafik i en SVG-fil bevaras de ursprungliga pixeldimensionerna och transparensen, samtidigt som bilden blir direkt inbäddbar i SVG-drivna webblayouter och responsiva gränssnittsvyer. Webbdesigners utför ofta denna konvertering för att integrera rastergrafik i SVG-spritesheets, vektorillustratörsflöden och responsiva webbplatser utan att behöva hantera separata externa bildfiler. Den resulterande SVG:n paketerar hela grafiken fristående i standardiserad XML-markup.
Tekniska specifikationer och kodeköversikt
En PNG-fil är en rasterbild med MIME-typen image/png. Den börjar med signaturhuvudet 89 50 4E 47 0D 0A 1A 0A, följt av datablock komprimerade med DEFLATE-algoritmen, som kombinerar LZ77-glidande ordlistor och Huffman-kodning. Däremot använder en SVG-fil MIME-typen image/svg+xml och är strukturerad som ett XML-dokument. Under konverteringen rastrerar motorn bilden i klientens minne, serialiserar bitmappen till PNG och bäddar in bilden som en Base64-data-URI inuti ett SVG <image>-kontainerelement. Detta paketerar grafiken i en giltig, fristående SVG-fil med definierade viewBox-dimensioner.
OS- och webbläsarkompatibilitet
SVG-filer har brett stöd i moderna webbläsare, däribland Chrome, Firefox, Safari och Edge, på både datorer och mobila operativsystem som Windows, macOS, Android och iOS. Bildvisare och designprogram som Adobe Illustrator, Inkscape och CorelDRAW kan redigera SVG direkt. PNG-filer har också brett stöd i webbläsare och operativsystem, men rå SVG-kod kan visas i valfri vanlig textredigerare.
Användbar information
Eftersom denna konvertering bäddar in rasterbitmappen i en XML-kontainer snarare än att spåra vektorbanor, bevarar grafiken exakta pixeldetaljer och alfatransparens samtidigt som den behåller fullkomlig kompatibilitet med SVG-renderingar.
Vanliga frågor
Hur konverterar man en PNG-bild till en SVG-vektor utan att förlora kvalitet?
Konverteraren bäddar in hela PNG-bitmappen i full upplösning direkt i ett SVG-XML-skal som en inbäddad Base64-dataström. Det bevarar pixelernas färger och transparens utan förlustbringande komprimering.
Vad är skillnaden mellan en PNG-bild och en SVG-vektor?
PNG är ett rasterbildformat som lagrar visuell data som ett fast rutnät av färgade pixlar som komprimerats med DEFLATE, vilket gör att filstorleken är beroende av pixeldimensionerna. SVG är ett vektorbildformat som lagrar visuell data som skalbara matematiska instruktioner skrivna i XML-text, vilket gör att bilden kan storleksändras i oändlighet utan pixellering.