Konvertor PNG obrázků na SVG vektory
Zapouzdřte rastrové PNG obrázky do SVG XML vektorového kontejneru pro responzivní webové škálování a integraci do vektorově kompatibilních rozvržení.
Porovnání formátů a technické specifikace
| Specifikace | PNG | SVG |
|---|---|---|
| MIME typ | image/png | image/svg+xml |
| Typ | raster | vector |
| Komprese | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .svgz) |
| Standardní specifikace | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| 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 SVG sprite sheetů, vektorových ilustračních pracovních postupů a responzivních webových stránek bez nutnosti spravovat samostatné externí obrazové soubory. Výsledný SVG balí celou grafiku jako soběstačnou součást uvnitř standardního XML kódu.
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 Base64 datové URI 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.
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 alfa průhlednost při zachování plné kompatibility se SVG vykreslovacími moduly.
Porovnání formátů a technické specifikace
Složité logo PNG ve vysokém rozlišení může snadno dosáhnout velikosti 2 megabajty, jejíž stažení přes standardní mobilní připojení 4G trvá přibližně 3,2 sekundy. Odpovídající převedený soubor SVG se často zmenší na pouhých 40 kilobajtů a stáhne se za méně než 0,1 sekundy v síti 4G a okamžitě v sítích 5G a optických sítích.
Často kladené otázky
Jak převést PNG obrázek na SVG vektor bez ztráty kvality?
Převodník zapouzdřuje plnorozlišenou PNG bitmapu přímo do SVG XML obalu jako vložený datový proud Base64. To zachovává 100 % původních barev pixelů a průhlednosti s nulovou ztrátou při generování.
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.