Převod PNG na SVG
Zapouzdřete rastrové obrázky PNG do vektorového kontejneru SVG XML pro responzivní změnu velikosti na webu a integraci do vektorově kompatibilních rozvržení.
Porovnání formátů a technické specifikace
| Specifikace | PNG | SVG |
|---|---|---|
| MIME typ | image/ | image/ |
| Typ | rastr | vektor |
| Komprese | bezztrátová (DEFLATE / LZ77 + Huffman) | bezztrátový XML text (možnost komprese GZIP pomocí .svgz) |
| Standardní specifikace | W3C PNG 3. vydání | Specifikace W3C SVG 2 |
| Hlavička souboru (Magic bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Přehled formátu a použití
Konverze souborů PNG do formátu SVG obaluje rastrový bitmapový obrázek do XML vektorového kontejneru, což webovým vývojářům a grafickým designérům umožňuje vkládat rastrovou grafiku přímo do škálovatelných vektorových pracovních postupů. Rastrový PNG obrázek používá pevnou mřížku barevných pixelů. Zabalení této grafiky do souboru SVG zachovává původní rozměry pixelů a průhlednost a zároveň umožňuje, aby byl obrázek přímo vložitelný do webových rozvržení řízených SVG a responzivních viewportů uživatelského rozhraní. Weboví designéři tuto konverzi často provádějí za účelem integrace rastrové grafiky do sprite sheetů SVG, vektorových ilustračních pracovních postupů a responzivních webových stránek bez nutnosti spravovat samostatné externí obrazové soubory. Výsledný soubor SVG obsahuje celou grafiku jako samostatný celek ve standardním kódu XML.
Technické specifikace a přehled kodeků
Soubor PNG je rastrový obrázek s typem MIME image/png. Začíná hlavičkou s magickými bajty 89 50 4E 47 0D 0A 1A 0A, za kterou následují datové bloky komprimované pomocí algoritmu DEFLATE, jenž kombinuje posuvné slovníky LZ77 a Huffmanovo kódování. Naproti tomu soubor SVG používá typ MIME image/svg+xml a je strukturován jako dokument XML. Během konverze převodník rastruje obrázek v paměti klienta, serializuje bitmapu do formátu PNG a vkládá obrázek jako datové URI v kódování Base64 do kontejnerového elementu SVG <image>. Tím se grafika zabalí do platného, soběstačného souboru SVG s definovanými rozměry viewBox.
Kompatibilita s operačními systémy a prohlížeči
Soubory SVG se těší univerzální podpoře v moderních webových prohlížečích včetně Chrome, Firefox, Safari a Edge na desktopových i mobilních operačních systémech, jako jsou Windows, macOS, Android a iOS. Prohlížeče obrázků a návrhové sady, jako jsou Adobe Illustrator, Inkscape a CorelDRAW, zvládají úpravy SVG nativně. Soubory PNG sdílejí tuto univerzální podporu prohlížečů a operačních systémů, ale k prohlížení surového kódu SVG je nutný libovolný standardní textový editor. Podpora se také liší podle aplikace, zařízení, operačního systému a jeho verze.
Užitečné informace
Protože tato konverze vkládá rastrovou bitmapu do XML kontejneru namísto trasování vektorových cest, grafika si zachovává přesné detaily pixelů a průhlednost alfa kanálu a zároveň zůstává plně kompatibilní s vykreslovacími moduly SVG.
Často kladené otázky
Jak převést PNG obrázek na SVG vektor bez ztráty kvality?
Konvertor zapouzdřuje bitmapu PNG v plném rozlišení přímo uvnitř obalu SVG XML jako vložený datový proud Base64. To zachovává barvy pixelů a průhlednost bez ztrátové komprese.
Jaký je rozdíl mezi PNG obrázkem a SVG vektorem?
PNG je formát rastrového obrázku, který ukládá vizuální data jako pevnou mřížku barevných pixelů komprimovaných pomocí DEFLATE, což činí velikost souboru závislou na rozměrech pixelů. SVG je formát vektorového obrázku, který ukládá vizuální data jako škálovatelné matematické instrukce zapsané v textu XML, což umožňuje nekonečnou změnu velikosti obrázku bez pixelace.