Konvertor obrázkov PNG na vektory SVG
Zapuzdrí rastrové obrázky PNG do vektorového kontajnera SVG XML pre responzívne škálovanie na webe a integráciu do rozvrhnutí kompatibilných s vektormi.
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 zabalí rastrovú bitmapu do XML vektorového kontajnera, čo webovým vývojárom a grafickým dizajnérom umožňuje vkladať rastrovú grafiku priamo do škálovateľných vektorových pracovných postupov. Rastrový obrázok PNG používa pevnú mriežku farebných pixelov. Zabalenie tejto grafiky do súboru SVG zachováva pôvodné rozmery pixelov a priehľadnosť a zároveň umožňuje, aby bol obrázok priamo vložiteľný do webových rozvrhnutí poháňaných SVG a responzívnych výrezov používateľského rozhrania. Weboví dizajnéri túto konverziu často využívajú na integráciu rastrovej grafiky do SVG sprite hárkov, vektorových ilustračných pracovných postupov a responzívnych webových stránok bez nutnosti správy samostatných externých súborov obrázkov. Výsledný SVG balí celú grafiku v uzavretej forme priamo do štandardného XML markup.
Technické špecifikácie a prehľad kodekov
Súbor PNG je rastrový obrázok s MIME typom image/png. Začína hlavičkou s magickými bajtmi 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. Na rozdiel od toho súbor SVG používa MIME typ image/svg+xml a je štruktúrovaný ako dokument XML. Počas konverzie engine rasterizuje obrázok v pamäti klienta, serializuje bitmapu do PNG a vloží obrázok ako dátové URI v Base64 do elementu kontajnera SVG <image>. Tým sa grafika zabalí do platného, sebestačného súboru SVG s definovanými rozmermi viewBox.
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
Keďže táto konverzia vkladá rastrovú bitmapu do XML kontajnera namiesto trasovania vektorových ciest, grafika si zachováva presné detaily pixelov a alfa priehľadnosť pri zachovaní plnej kompatibility s vykresľovačmi SVG.
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ť PNG obrázok na SVG vektor bez straty kvality?
Konvertor zapuzdrí PNG bitmapu v plnom rozlíšení priamo do SVG XML obalu ako vložený dátový prúd Base64. To zachováva 100 % pôvodných farieb pixelov a priehľadnosti s nulovou stratou generovania.
Aký je rozdiel medzi PNG obrázkom a SVG vektorom?
PNG je formát rastrového obrázka, ktorý ukladá vizuálne údaje ako pevnú mriežku farebných pixelov komprimovaných pomocou DEFLATE, pričom 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 nekonečnú zmenu veľkosti obrázka bez pixelácie.