Konvertor PNG obrázků na SVG vektory
Převedením rastrového obrázku PNG na vektorovou grafiku SVG se mřížky pixelů mění na škálovatelné matematické cesty pro nekonečnou změnu velikosti bez ztráty kvality.
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í
Převod souborů PNG do formátu SVG je běžným úkolem pro grafiky a webové vývojáře, kteří potřebují, aby loga a ikony vypadaly ostře na libovolné velikosti obrazovky. Rastrový obrázek PNG využívá pevnou mřížku barevných pixelů. Když roztáhnete soubor PNG nad jeho původní rozměry, pixely se rozostří a vypadají kostrbatě. Překladem této rastrové grafiky do souboru SVG se tyto pixely nahradí matematickými pokyny pro čáry, křivky a tvarem. To umožňuje zvětšit kresbu až na velikost billboardu nebo ji zmenšit na mobilní ikonu bez ztráty ostrosti. Weboví designéři tuto konverzi často provádějí za účelem zlepšení výkonu webu a vizuální věrnosti. Loga a ikony uživatelského rozhraní uložené jako SVG se načítají ostře na displejích Retina s vysokým rozlišením a přitom zachovávají pozoruhodně malou velikost souborů. Tiskárny spoléhají na vektorové formáty také při přípravě uměleckých děl pro řezací plotry a laserové gravírovací stroje, které vyžadují spojité čáry namísto pixelových matic.
Technické specifikace a přehled kodeků
Soubor PNG je rastrový obrázek s typem MIME image/png. Začíná hlavičkou magických bajtů 89 50 4E 47 0D 0A 1A 0A, za níž následují datové bloky komprimované pomocí algoritmu DEFLATE, který pro bezztrátovou kompresi kombinuje klouzavé slovníky LZ77 a Huffmanovo kódování. Naproti tomu soubor SVG je vektorová grafika s typem MIME image/svg+xml. Nepoužívá žádné magické bajty, protože se jedná o prostý textový soubor zapsaný ve značkovacím jazyce XML. Kód SVG definuje geometrické tvary pomocí prvků, jako jsou cesty, kružnice a obdélníky. Zatímco komprese PNG snižuje velikost souboru ukládáním hodnot barev pro každý jednotlivý pixel, komprese SVG snižuje velikost souboru ukládáním matematických vzorců. Soubory SVG lze také dále komprimovat pomocí komprese GZIP, přičemž se přípona souboru změní na .svgz pro efektivní přenos po webu.
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
Převod složité fotografické PNG grafiky do SVG často vede k obrovské velikosti souborů, protože algoritmické trasování vytváří tisíce drobných vektorových cest. Převod do SVG si ponechte pro loga, ikony a plochou grafiku a fotografie uchovávejte v rastrových formátech.
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řevod z PNG do SVG nepoužívá tradiční ztrátovou nebo bezztrátovou kompresi způsobem, jakým to dělá rastrové formáty. Místo toho konvertor sleduje hranice pixelů souboru PNG a Překresluje je jako matematické vektory. Protože vektory využívají škálovatelné cesty, získáte nekonečnou kvalitu rozlišení. Jednoduché nástroje pro automatické trasování však mohou přehlédnout ostré rohy nebo vyhladit jemné detaily, takže pro dosažení dokonalých výsledků je někdy nutné ruční čištění ve vektorovém editačním softwaru.
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, takže velikost souboru závisí na rozměrech v pixelech. 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 obrázku nekonečnou změnu velikosti bez pixelace.