Konvertor obrázkov PNG na vektory SVG
Konverzia rastrového obrázka PNG na vektorovú grafiku SVG mení mriežky pixelov na škálovateľné matematické cesty pre nekonečnú zmenu veľkosti bez straty kvality.
Porovnanie formátov a technické špecifikácie
| Špecifikácia | PNG | SVG |
|---|---|---|
| MIME typ | image/png | image/svg+xml |
| Typ | raster | vector |
| Kompresia | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .svgz) |
| Štandardná špecifikácia | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Hlavička magických bajtov | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Prehľad formátu a použitie
Konverzia súborov PNG do formátu SVG je bežnou úlohou pre grafických dizajnérov a vývojárov webov, ktorí potrebujú, aby logá a ikony vyzerali ostro na akejkoľvek veľkosti obrazovky. Rastrový obrázok PNG používa pevnú mriežku farebných pixelov. Keď roztiahnete PNG za jeho pôvodné rozmery, pixely sa rozmažú a vyzerajú kockato. Preklad tohto rastrového obrázka do súboru SVG nahradí tieto pixely matematickými pokynmi pre čiary, krivky a tvary. To umožňuje, aby sa grafika zväčšila na veľkosť bilbordu alebo zmenšila na ikonu mobilného zariadenia bez straty ostrosti. Weboví dizajnéri túto konverziu často vykonávajú s cieľom zlepšiť výkon webových stránok a vizuálnu vernosť. Logá a ikony používateľského rozhrania uložené ako SVG sa na displejoch Retina s vysokým rozlíšením načítavajú ostro a zároveň udržujú veľkosti súborov pozoruhodne malé. Tlačiarne satiež spoliehajú na vektorové formáty na prípravu grafiky pre rezacie plotre a laserové gravírovačky, ktoré vyžadujú súvislé čiary namiesto pixelových matríc.
Technické špecifikácie a prehľad kodekov
Súbor PNG je rastrový obrázok s typom MIME image/png. Začína hlavičkou magických bajtov 89 50 4E 47 0D 0A 1A 0A, za ktorou nasledujú dátové bloky komprimované pomocou algoritmu DEFLATE, ktorý kombinuje posuvné slovníky LZ77 a Huffmanovo kódovanie pre bezstratovú kompresiu. Naproti tomu súbor SVG je vektorová grafika s typom MIME image/svg+xml. Nepoužíva magické bajty, pretože ide o obyčajný textový súbor napísaný v značkovacom jazyku XML. Kód SVG definuje geometrické tvary pomocou prvkov, ako sú cesty, kruhy a obdĺžniky. Zatiaľ čo kompresia PNG zmenšuje veľkosť súboru ukladaním hodnoty farby pre každý jednotlivý pixel, kompresia SVG zmenšuje veľkosť súboru ukladaním matematických vzorcov. Súbory SVG je možné ďalej kompresovať pomocou kompresie GZIP, čím sa zmení prípona súboru na .svgz pre efektívny prenos cez web.
Kompatibilita s OS a prehliadačmi
Súbory SVG majú univerzálnu podporu v moderných webových prehliadačoch vrátane Chrome, Firefox, Safari a Edge na desktopových aj mobilných operačných systémoch, ako sú Windows, macOS, Android a iOS. Prehliadače obrázkov a dizajnérske balíky, ako sú Adobe Illustrator, Inkscape a CorelDRAW, spracúvajú úpravy SVG natívne. Súbory PNG zdieľajú túto univerzálnu podporu prehliadačov a operačných systémov, ale prezeranie surového kódu SVG vyžaduje ľubovoľný štandardný textový editor.
💡 Užitočné informácie
Konverzia zložitého fotografického PNG na SVG často vedie k obrovským veľkostiam súborov, pretože algoritmus sledovania vytvára tisíce malých vektorových ciest. Konverziu SVG si nechajte pre logá, ikony a plochú grafiku a fotografie ponechajte v rastrových formátoch.
Porovnanie formátov a technické špecifikácie
Zložité logo PNG s vysokým rozlíšením môže ľahko dosiahnuť 2 megabajty, pričom jeho stiahnutie cez štandardné mobilné pripojenie 4G trvá približne 3,2 sekundy. Zodpovedajúci skonvertovaný súbor SVG sa často zmenší na iba 40 kilobajtov a stiahne sa za menej ako 0,1 sekundy v sieti 4G a okamžite v sieťach 5G a optických sieťach.
Často kladené otázky
Ako previesť obrázok PNG na vektor SVG bez straty kvality?
Konverzia PNG na SVG nepoužíva tradičnú stratovú alebo bezstratovú kompresiu spôsobom, akým to robia rastrové formáty. Namiesto toho konvertor sleduje hranice pixelov súboru PNG a prekresľuje ich ako matematické vektory. Pretože vektory používajú škálovateľné cesty, získate kvalitu s nekonečným rozlíšením. Jednoduché nástroje na automatické sledovanie však môžu vynechať ostré rohy alebo vyhladiť jemné detaily, takže na dosiahnutie dokonalých výsledkov je niekedy potrebné manuálne čistenie vo vektorovom editačnom softvéri.
Aký je rozdiel medzi obrázkom PNG a vektorom SVG?
PNG je formát rastrového obrázka, ktorý ukladá vizuálne údaje ako pevnú mriežku farebných pixelov komprimovanú pomocou DEFLATE, vďaka čomu veľkosť súboru závisí od rozmerov pixelov. SVG je formát vektorového obrázka, ktorý ukladá vizuálne údaje ako škálovateľné matematické inštrukcie napísané v texte XML, čo umožňuje obrázku meniť veľkosť donekonečna bez pixelácie.