Pretvarač PNG slika u SVG vektor
Enkapzulirajte raster PNG slike unutar SVG XML vektorskog spremnika za responzivno skaliranje na webu i integraciju rasporeda kompatibilnu s vektorima.
Usporedba formata i tehničke specifikacije
| Specifikacija | PNG | SVG |
|---|---|---|
| MIME vrsta | image/png | image/svg+xml |
| Vrsta | raster | vector |
| Kompresija | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .svgz) |
| Standardna specifikacija | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Zaglavlje čarobnih bajtova (Magic Bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Pregled formata i primjena
Pretvaranje PNG datoteka u SVG format omotava rastersku bitmapu unutar XML vektorskog spremnika, omogućujući web-programerima i grafičkim dizajnerima da ugrade rastersku grafiku izravno unutar skalabilnih vektorskih radnih tijekova. Rasterska PNG slika koristi fiksnu mrežu obojenih piksela. Omotavanje ove grafike u SVG datoteku čuva izvorne dimenzije piksela i prozirnost, dok istovremeno čini sliku izravno ugradivom unutar web-rasporeda vođenih SVG-om i responzivnih UI vidnih polja. Web-dizajneri često provode ovu konverziju kako bi integrirali rasterske ilustracije u SVG sprite tablice, radne tijekove vektorske ilustracije i responzivne web-stranice bez upravljanja zasebnim vanjskim datotekama slika. Dobiveni SVG pakira cjelokupnu grafiku kao samostalnu unutar standardne XML oznake.
Tehničke specifikacije i pregled kodeka
PNG datoteka je rasterska slika s MIME tipom image/png. Započinje s čarobnim zaglavljem bajtova 89 50 4E 47 0D 0A 1A 0A, praćenim podatkovnim blokovima komprimiranim pomoću DEFLATE algoritma, koji kombinira LZ77 klizne rječnike i Huffmanovo kodiranje. Suprotno tome, SVG datoteka koristi MIME tip image/svg+xml i strukturirana je kao XML dokument. Tijekom konverzije, pogon rasterizira sliku u memoriji klijenta, serijalizira bitmapu u PNG i ugrađuje sliku kao Base64 podatkovni URI unutar elementa SVG <image> spremnika. Time se grafika pakira u valjanu, samostalnu SVG datoteku s definiranim dimenzijama viewBoxa.
Kompatibilnost s OS-om i preglednikom
SVG datoteke uživaju univerzalnu podršku u modernim web preglednicima uključujući Chrome, Firefox, Safari i Edge na stolnim i mobilnim operativnim sustavima poput Windowsa, macOS-a, Androida i iOS-a. Preglednici slika i dizajnerski paketi poput Adobe Illustratora, Inkscapea i CorelDRAW-a izvorno obrađuju SVG uređivanje. PNG datoteke dijele ovu univerzalnu podršku za preglednike i operativne sustave, ali pregledavanje sirovog SVG koda zahtijeva bilo koji standardni uređivač teksta.
Korisne informacije
Budući da ova konverzija ugrađuje rastersku bitmapu u XML spremnik umjesto praćenja vektorskih putanja, grafika čuva točne detalje piksela i alfa prozirnost uz održavanje pune kompatibilnosti s SVG iscrtavačima.
Usporedba formata i tehničke specifikacije
Složen PNG logotip visoke rezolucije može lako dosegnuti 2 megabajta, a preuzimanje preko standardne 4G mobilne veze traje oko 3,2 sekunde. Ekvivalentna pretvorena SVG datoteka često se smanji na samo 40 kilobajta, preuzimajući se za manje od 0,1 sekunde na 4G mreži te trenutačno na 5G i optičkim mrežama.
Često postavljana pitanja
Kako pretvoriti PNG sliku u SVG vektor bez gubitka kvalitete?
Pretvarač enkapzulira PNG bitmapu pune rezolucije izravno unutar SVG XML omotača kao ugrađeni Base64 podatkovni tok. Time se čuva 100% izvornih boja piksela i prozirnosti uz nulti gubitak generiranja.
Koja je razlika između PNG slike i SVG vektora?
PNG je format rasterske slike koji pohranjuje vizualne podatke kao fiksnu mrežu obojenih piksela komprimiranih s DEFLATE-om, čineći veličinu datoteke ovisnom o dimenzijama piksela. SVG je format vektorske slike koji pohranjuje vizualne podatke kao skalabilne matematičke upute zapisane u XML tekstu, omogućujući beskonačnu promjenu veličine slike bez pikselizacije.