SVG do PNG

Ako previesť SVG do PNG

Pretiahnite súbor .svg do nástroja alebo ho vyberte zo zariadenia. Cieľový formát PNG je predvolený. Pri náhľade uvidíte rozmery, ktoré má SVG zapísané, a v políčku Šírka zo SVG zvolíte, aký veľký obrázok chcete: podľa SVG, 256 až 4 096 px alebo vlastnú šírku do 8 192 px. Výška sa dopočíta podľa pomeru strán. Kliknite na Previesť obrázky – pri náhľade sa objaví výsledný rozmer, veľkosť a tlačidlo na stiahnutie; viac súborov stiahnete naraz v ZIP. Vykresľuje váš prehliadač, nič sa nikam nenahráva.

Prečo pri SVG rozhoduje šírka

SVG je vektor: opisuje tvary, čiary a text matematicky, nie bodmi. Nemá preto žiadne „skutočné“ rozlíšenie – rovnaké logo sa dá vykresliť na ikonu 32 px aj na billboard. Pri prevode do PNG musíte rozhodnúť, koľko pixelov má obrázok mať, a nástroj kresbu vykreslí priamo v tejto veľkosti, takže hrany sú ostré pri každej šírke (žiadne zväčšovanie malého obrázka). Orientačne: 256 – 512 px na ikony a avatary, 1 024 – 2 048 px na logo do prezentácie, dokumentu či na sociálne siete, 4 096 px a viac na tlač. Čím väčšia šírka, tým väčší súbor – pri 8 192 px má PNG aj desiatky MB. Ak SVG neuvádza šírku ani výšku, rozmer a pomer strán sa vezmú z atribútu viewBox; bez neho nástroj použije predvolených 300 × 150 px a označí to pri náhľade.

Priehľadné pozadie, alebo SVG do JPG

Všetko, čo SVG nekreslí, zostane v PNG priehľadné – logo tak položíte na ľubovoľný podklad v prezentácii, na webe či v grafickom programe. Keď potrebujete nepriehľadný súbor, napríklad pre formulár, ktorý prijíma len JPG, prepnite cieľ na JPG a v políčku Pozadie pod priehľadnosť zvoľte farbu (predvolene bielu). JPG však hrany mierne rozmaže a nepozná priehľadnosť, preto ho pre logá a schémy voľte len vtedy, keď ho niekto vyslovene žiada. Tretia možnosť je WebP: malý, s priehľadnosťou a vhodný na web.

Čo sa v SVG vykreslí a čo nie

SVG vykresľuje váš prehliadač rovnakým spôsobom, ako keď je vložené do stránky cez značku <img>. Z bezpečnostných dôvodov pritom nenačíta nič zvonku:

Nástroj súbor pri načítaní prezrie a na externé odkazy či foreignObject upozorní priamo pri náhľade, ešte pred prevodom. Najspoľahlivejšie SVG na prevod vznikne tak, že v Inkscape, Illustratore či Figme prevediete text na krivky a vložené obrázky uložíte do súboru (v Inkscape Rozšírenia → Obrázky → Vložiť obrázky). Písmo sa potom vykreslí rovnako všade, bez ohľadu na to, čo má kto nainštalované.

Kedy PNG a kedy nechať SVG

Na webe SVG nechajte – je menšie, ostré na každom displeji a dá sa farbiť cez CSS. PNG potrebujete tam, kde SVG neprijmú: profilové fotky a príspevky na sociálnych sieťach, inzertné portály, starší Word a PowerPoint, e-shopové administrácie, tlačové podklady, mobilné aplikácie a väčšina formulárov. Ikony webu (favicon) sú špeciálny prípad: tu sa z SVG robí sada PNG rôznych veľkostí a súbor .ico – spraví to favicon generator, ktorý SVG priamo prijme.

PNG do SVG – opačný smer

Hľadáte „png to svg“? To je vektorizácia, iná úloha: program musí z pixelov uhádnuť tvary. Pri jednoduchých logách s pár farbami to zvládne Inkscape (Cesta → Vektorizovať bitmapu) alebo Illustrator (Image Trace), pri fotografiách a tieňovaných obrázkoch rozumný vektor nevznikne. Tento nástroj prevádza len z vektora na obrázok; ak potrebujete PNG len zmenšiť alebo zväčšiť, použite zmenu veľkosti obrázka.

SVG to PNG bez nahrávania na server

Mnohé online konvertory SVG nahrajú na server a tam ho vykreslia – pri logách a návrhoch, ktoré ešte nie sú zverejnené, to nie je príjemné. Tu prebieha všetko vo vašom prehliadači: SVG sa prečíta, vykreslí a PNG zapíše priamo v počítači či telefóne, nie je limit na počet súborov a po načítaní stránky nástroj funguje aj offline. Ostatné prevody formátov nájdete nižšie – napríklad PNG do JPG alebo PNG do WebP pre hotový raster.