Čo sa zmení pri prevode SVG na PNG
SVG opisuje tvary, krivky, text a farby pomocou súradníc. PNG ukladá pevnú mriežku farebných pixelov. Pri prevode preto treba určiť výstupné rozmery: ten istý vektorový obrázok možno vykresliť v šírke 400 pixelov ako miniatúru alebo v šírke 2 400 pixelov na snímku prezentácie. Vyberte súbor SVG alebo vložte jeho kód. Prehliadač prečíta obsah, podľa možnosti zistí pomer strán z atribútu viewBox a pripraví plátno v požadovanej veľkosti. Obrázok sa neposiela na konverzný server.
Atribút viewBox s rozmermi 400 krát 200 určuje pomer dva ku jednej. Ak zadáte šírku 1 200 pixelov a výšku necháte prázdnu, nástroj vypočíta výšku 600 pixelov. Zadaním oboch rozmerov môžete obrázok zámerne roztiahnuť, no pri logu zvyčajne chcete zachovať proporcie. Vyššie rozlíšenie vykreslí vektorové hrany detailnejšie, ale spravidla zvýši veľkosť súboru PNG.
Pozadie, ostrosť a praktický príklad
Najprv zvoľte výstupnú šírku a potom priehľadné, biele alebo vlastné farebné pozadie. Priehľadnosť je vhodná pre ikonu na viacerých podkladoch. Biela predíde prekvapeniu v aplikácii, ktorá priehľadné miesta zobrazuje nesprávne. Vlastná farba môže ladiť s prezentáciou. Šachovnicový podklad v náhľade ukazuje priehľadné miesta. Pred stiahnutím skontrolujte okraje v skutočnej zobrazovanej veľkosti.
Logo s viewBox 400 × 200 sa pri výstupnej šírke 1 200 pixelov zmení na PNG 1 200 × 600. Pri šírke 600 pixelov dostanete 600 × 300. Kompozícia ostáva rovnaká, ale väčší súbor obyčajne zaberá viac miesta. Ak najprv vytvoríte bitmapu 400 × 200 a tú potom zväčšíte, pôvodnú ostrosť kriviek zo zdrojového SVG už nezískate.
Obmedzenia a časté chyby
Vyššie rozlíšenie neopraví nekvalitnú fotografiu vloženú do SVG. Fotografia už pozostáva z pixelov a po zväčšení môže byť rozmazaná. Text sa môže zobraziť inak, ak na zariadení chýba použitý font; pri dôležitom logu pomôže zmena písmen na krivky pred exportom. Porovnajte náhľad s originálom, najmä drobné popisy, tenké ťahy a polopriehľadné tiene. Niektoré efekty môžu prehliadač a cieľový program vykresliť trochu odlišne.
Nástroj pred vykreslením odmieta aktívny obsah a externé zdroje. Ak grafika používa prepojené obrázky, vzdialené fonty alebo skripty, pripravte najprv samostatné statické SVG. Limity rozmerov chránia pamäť prehliadača. PNG zachováva priehľadnosť a obrazové údaje bez stratovej kompresie, no pri fotografii nemusí byť najmenším vhodným formátom.