Konvertor SVG na PNG

Ako konvertovať SVG na PNG

1. Presuň jeden alebo viac súborov SVG do vyznačenej oblasti alebo na ňu klikni a vyber ich. Môžeš tiež otvoriť Alebo vlož kód SVG, vložiť značky a kliknúť na Pridať kód SVG.
2. Vyber Veľkosť výstupu: - Mierka vynásobí vlastnú veľkosť SVG (2 dá obrázok dvakrát tak široký a dvakrát tak vysoký); - Šírka (výška sa dopočíta) alebo Výška (šírka sa dopočíta) zachová proporcie; - Presná šírka a výška vynúti oba rozmery; - Rozlíšenie (DPI) vykreslí fyzické rozmery, ako 2in alebo 50mm, pri zvolenom DPI.
3. Vyber Formát: PNG, JPG alebo WebP. JPG a WebP majú aj posuvník Kvalita.
4. V časti Pozadie nechaj Priehľadné, alebo vyber Farba a nastav Farbu pozadia.
5. Klikni na Konvertovať na obrázok. Každý súbor dostane riadok s náhľadom, novou veľkosťou v pixeloch a tlačidlom Stiahnuť. Stiahnuť všetko uloží súbory jeden po druhom; Stiahnuť ZIP ich vloží do jedného archívu.

Ako sa počíta veľkosť

SVG popisuje tvary, nie pixely, takže sa dá ostro nakresliť v ľubovoľnej veľkosti. Jeho „prirodzená“ veľkosť pochádza z atribútov width a height koreňového elementu <svg>. Keď chýbajú, tento nástroj použije viewBox (napríklad viewBox="0 0 24 24" dá 24 × 24), čo robia aj prehliadače. Ak SVG nemá ani jedno, použije sa predvolená hodnota prehliadača 300 × 150.

Dĺžky vo fyzických jednotkách sa prevádzajú podľa pravidla CSS 96 pixelov na palec: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Preto pri DPI (96 = pôvodná veľkosť) stojí 96: pri 300 DPI sa ikona deklarovaná ako width="1in" stane 300 pixelov širokou, čo očakáva tlačiareň.

Pri Presnej šírke a výške sa kresba s inými proporciami než rámec vycentruje a vpíše podľa vlastného pravidla preserveAspectRatio v SVG; nikdy sa neroztiahne, pokiaľ to súbor sám nežiada.

Prehliadače nedokážu vytvoriť plátno väčšie ako približne 16,7 milióna pixelov (napríklad 4096 × 4096). Ak požaduješ viac, veľkosť sa zmenší na najväčší obrázok, ktorý sa zmestí, a správa ti oznámi výslednú veľkosť.

PNG, JPG alebo WebP?

• PNG je bezstratový a zachováva priehľadnosť: najlepšia voľba pre ikony, logá a diagramy.
• JPG nemá priehľadnosť, takže sa priehľadné oblasti vyplnia farbou pozadia. Použi ho pri veľkých ilustráciách, kde je dôležitejšia veľkosť súboru než ostré hrany.
• WebP zachováva priehľadnosť a býva menší ako PNG; zobrazujú ho všetky súčasné prehliadače.

Bezpečnosť a obmedzenia

Tvoje SVG sa nikdy nevkladá do stránky. Kreslí sa zo súkromnej adresy blob ako obyčajný obrázok, v režime, v ktorom prehliadače nespúšťajú skripty ani nenačítavajú nič iné. V dôsledku toho sa externé odkazy nenačítavajú: webové písma z Google Fonts, obrázky prepojené cez URL a externé súbory CSS sa ignorujú, takže sa text môže zobraziť predvoleným písmom. Ak chceš zachovať presný vzhľad, pred konverziou preveď text na krivky v editore alebo vložíš obrázky ako data URI. Písma nainštalované v tvojom počítači sa stále použiť dajú.

Nič sa nenahráva: vykresľovanie aj kódovanie prebiehajú v tvojom prehliadači.