PNG paveikslėlių į SVG vektorinių failų keitiklis
Įdėkite rastrinius PNG paveikslėlius į SVG XML vektoriaus konteinerį, kad būtų galima užtikrinti lankstų mastelio keitimą internete ir su vektoriumi suderinamą maketo integravimą.
Formatų palyginimas ir techninės specifikacijos
| Specifikacija | PNG | SVG |
|---|---|---|
| MIME tipas | image/png | image/svg+xml |
| Tipas | raster | vector |
| Glaudinimas | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .svgz) |
| Standartinė specifikacija | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Maginės baitų antraštės (Magic Bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Formato apžvalga ir taikymas
Konvertuojant PNG failus į SVG formatą, rastrinis bitų žemėlapis įdėjamas į XML vektoriaus konteinerį, todėl žiniatinklio kūrėjai ir grafikos dizaineriai gali tiesiogiai įterpti rastrinę grafiką į keičiamo dydžio vektorines darbo eigas. Rastrinis PNG paveikslėlis naudoja fiksuotą spalvotų pikselių tinklelį. Įpakuojant šią grafiką į SVG failą, išsaugomi pradiniai pikselių matmenys ir skaidrumas, o pats paveikslėlis tampa tiesiogiai įterpiamas į SVG pagrindu veikiančius žiniatinklio maketus ir jautrius vartotojo sąsajos rodinius. Žiniatinklio dizaineriai dažnai atlieka šį konvertavimą, kad integruotų rastrinę meninę grafiką į SVG „sprite“ rinkinius, vektorinės iliustracijos darbo eigas ir responsyvias interneto svetaines be atskirų išorinių vaizdo failų tvarkymo. Gautas SVG failas visą grafiką talpina standarto XML žymėjimo viduje.
Techninės specifikacijos ir kodekų apžvalga
PNG failas yra rastrinis paveikslėlis su MIME tipu image/png. Jis prasideda nuo baitų antraštės 89 50 4E 47 0D 0A 1A 0A, po kurios seka duomenų blokai, suglaudinti naudojant DEFLATE algoritmą, kuris derina LZ77 slankiojančius žodynus ir Hofmano kodavimą. Tuo tarpu SVG failas naudoja MIME tipą image/svg+xml ir yra suformatuotas kaip XML dokumentas. Konvertavimo metu variklis rasterniai apdoroja paveikslėlį kliento atmintyje, serijizuoja bitų žemėlapį į PNG ir įterpia paveikslėlį kaip Base64 duomenų URI į SVG <image> konteinerio elementą. Tai supakuoja grafiką į galiojantį, savarankišką SVG failą su apibrėžtais viewBox matmenimis.
OS ir naršyklės suderinamumas
SVG failai turi visuotinį palaikymą visose šiuolaikinėse interneto naršyklėse, įskaitant „Chrome", „Firefox", „Safari" ir „Edge", tiek staliniuose kompiuteriuose, tiek mobiliosiose operacinėse sistemose, tokiose kaip „Windows", „macOS", „Android" ir „iOS". Vaizdų peržiūros programos ir dizaino paketai, tokie kaip „Adobe Illustrator", „Inkscape" ir „CorelDRAW", natūraliai apdoroja SVG redagavimą. PNG failai turi tokią pačią visuotinę naršyklių ir operacinių sistemų paramą, tačiau norint peržiūrėti neapdorotą SVG kodą, reikalinga bet kuri standartinė teksto rengyklė.
Naudinga informacija
Kadangi šio konvertavimo metu rastrinis bitų žemėlapis įterpiamas į XML konteinerį, o ne sekami vektoriaus keliai, grafika išlaiko tikslias pikselių detales ir alfa skaidrumą bei išlaiko pilną suderinamumą su SVG rendereriais.
Formatų palyginimas ir techninės specifikacijos
Sudėtingas didelės raiškos PNG logotipas gali lengvai pasiekti 2 megabaitus, o jo parsisiuntimas standartiniu 4G mobiliuoju ryšiu užtrunka apie 3,2 sekundės. Atitinkamas konvertuotas SVG failas dažnai sumažėja iki vos 40 kilobaitų, atsisiųsdamas greičiau nei per 0,1 sekundės 4G tinkle ir akimirksniu per 5G bei šviesolaidinį internetą.
Dažnai užduodami klausimai
Kaip konvertuoti PNG paveikslėlį į SVG vektorų neprarandant kokybės?
Konverteris įdėtą viso raiškos PNG bitų žemėlapį tiesiogiai įrašo į SVG XML apvalkalą kaip įterptą Base64 duomenų srautą. Tai išsaugo 100% originalių pikselių spalvų ir skaidrumo be jokio kartos nuostolio.
Kuo skiriasi PNG paveikslėlis nuo SVG vektoriaus?
PNG yra rastrinio vaizdo formatas, kuris vizualinius duomenis saugo kaip fiksuotą spalvotų pikselių tinklelį, suglaudintą su DEFLATE, todėl failo dydis priklauso nuo pikselių matmenų. SVG yra vektorinio vaizdo formatas, kuris vizualinius duomenis saugo kaip keičiamo dydžio matematines instrukcijas, parašytas XML tekstu, todėl paveikslėlį galima keisti be galo be pikseliavimo.