Konvertor vektorov SVG na obrázky PNG
Konverzia súborov SVG na rastrové obrázky PNG transformuje škálovateľnú grafiku na báze kódu na mriežky s pevnými pixelmi pre univerzálnu kompatibilitu s aplikáciami.
Porovnanie formátov a technické špecifikácie
| Špecifikácia | SVG | PNG |
|---|---|---|
| MIME typ | image/svg+xml | image/png |
| Typ | vector | raster |
| Kompresia | lossless XML text (GZIP compressible via .svgz) | lossless (DEFLATE / LZ77 + Huffman) |
| Štandardná špecifikácia | W3C SVG 2 Specification | W3C PNG 3rd Edition |
| Hlavička magických bajtov | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) | 89 50 4E 47 0D 0A 1A 0A |
Prehľad formátu a použitie
Grafika Scalable Vector Graphics sa spolieha na textový kód XML na kreslenie geometrických ciest, čiar a tvarov priamo na obrazovkách. Tento formát funguje skvele pre webové logá a ikony, pretože grafika zostáva ostrá pri akejkoľvek veľkosti obrazovky. Niektorý starší softvér, prísne e-mailové klienty a špecifické tlačové nástroje však nedokážu čítať vektorový kód. Zmena súboru na formát Portable Network Graphics tento problém rieši prekreslením vektorových tvarov do pevnej mriežky farebných pixelov. Vývojári webov a grafici často potrebujú túto konverziu pri príprave ikon pre obchody s mobilnými aplikáciami alebo staršie platformy. Obchody s aplikáciami vyžadujú pre ikony aplikácií špecifické rastrové rozmery. Zmenou vektorového zdroja na pevnú mriežku obrázkov tvorcovia zaisťujú, že sa grafika zobrazí správne na každom zariadení bez toho, aby sa spoliehali na cieľovú aplikáciu pri analýze kódu XML.
Technické špecifikácie a prehľad kodekov
Súbory SVG používajú typ MIME image/svg+xml a pozostávajú z obyčajných textových značiek XML uzavretých v zátvorkách značkovacieho jazyka. Nepoužívajú magické bajty, pretože ide o textové dokumenty čitateľné pre človeka. Súbory PNG používajú typ MIME image/png a začínajú presným osemciferným magickým podpisom 89 50 4E 47 0D 0A 1A 0A. Štrukturálne sa SVG spolieha na matematické pokyny pre cesty a súradnice. PNG sa spolieha na rastrovú mriežku pixelov komprimovanú pomocou algoritmu DEFLATE, ktorý kombinuje porovnávanie posuvného slovníka LZ77 s Huffmanovým kódovaním pre bezstratovú kompresiu.
Kompatibilita s OS a prehliadačmi
Súbory SVG sa prirodzene otvárajú vo všetkých moderných webových prehliadačoch vrátane Chrome, Safari, Firefox a Edge, ale chýba im podpora v staršom desktopovom softvéri, ako sú staršie verzie Microsoft Office. Obrázky PNG sa tešia univerzálnej kompatibilite vo všetkých majoritných operačných systémoch vrátane Windows, macOS, Linux, iOS a Android. Každý moderný webový prehliadač, prehliadač obrázkov a kancelársky balík otvára súbory PNG bez potreby ďalších doplnkov.
💡 Užitočné informácie
Pri konverzii vektorov na rastre vyberte veľkosť rozlíšenia, ktorá zodpovedá vášmu konečnému cieľu zobrazenia. Export v dvojnásobných rozmeroch vytvorí ostrý obrázok pre displeje Retina s vysokou hustotou.
Porovnanie formátov a technické špecifikácie
Typický súbor loga vo vektore má veľkosť približne 15 KB. Jeho konverzia na PNG s vysokým rozlíšením vytvorí súbor s veľkosťou okolo 250 KB. Na rýchlom optickom pripojení sa tento súbor prenesie za menej ako jednu milisekundu. Cez mobilné pripojenie 5G to trvá približne dve milisekundy a v štandardnej sieti 4G sa prenos dokončí za približne desať milisekúnd.
Často kladené otázky
Ako previesť vektor SVG na obrázok PNG bez straty kvality?
Aby bol výstup ostrý, vykreslite vektorovú matematiku vo vysokom rozlíšení pixelov pred použitím bezstratovej kompresie DEFLATE používanej v súboroch PNG. Pretože oba formáty sú bezstratové, konverzia zachová každú ostrú hranu a farbu presne tak, ako bola vytvorená, pokiaľ nezväčšíte konečnú mriežku pixelov nad jej vygenerovanú veľkosť.
Aký je rozdiel medzi vektorom SVG a obrázkom PNG?
SVG je vektorový formát vytvorený z textových inštrukcií XML, ktoré sa škálujú nekonečne bez pixelácie. PNG je rastrový formát vytvorený z pevnej mriežky jednotlivých farebných pixelov. Vektory zvládajú najlepšie zmenu veľkosti a responzívny webový dizajn, zatiaľ čo rastre zvládajú najlepšie komplexné fotografické textúry a univerzálnu softvérovú kompatibilitu.