Převodník SVG na PNG

Jak převést SVG na PNG

1. Přetáhni jeden či více souborů SVG do vyznačené oblasti, nebo na ni klikni a vyber je. Můžeš také otevřít Nebo vlož kód SVG, vložit značky a kliknout na Přidat kód SVG.
2. Vyber Výstupní velikost: - Měřítko násobí vlastní velikost SVG (hodnota 2 dá obrázek dvakrát širší a dvakrát vyšší); - Šířka (výška se dopočítá) nebo Výška (šířka se dopočítá) zachovává proporce; - Přesná šířka a výška vynutí oba rozměry; - Rozlišení (DPI) vykreslí fyzické rozměry jako 2in nebo 50mm ve zvoleném DPI.
3. Zvol Formát: PNG, JPG nebo WebP. JPG a WebP mají také posuvník Kvalita.
4. V části Pozadí ponech Průhledné, nebo vyber Barva a nastav Barvu pozadí.
5. Klikni na Převést na obrázek. Každý soubor dostane řádek s náhledem, novou velikostí v pixelech a tlačítkem Stáhnout. Stáhnout vše uloží soubory jeden po druhém; Stáhnout ZIP je vloží do jednoho archivu.

Jak se velikost počítá

SVG popisuje tvary, ne pixely, takže ho lze ostře vykreslit v jakékoli velikosti. Jeho „přirozená“ velikost vychází z atributů width a height kořenového prvku <svg>. Když chybí, nástroj použije viewBox (například viewBox="0 0 24 24" dá 24 × 24), stejně jako prohlížeče. Pokud SVG nemá ani jedno, použije se výchozí hodnota prohlížeče 300 × 150.

Délky ve fyzických jednotkách se převádějí pravidlem CSS 96 pixelů na palec: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Proto u položky DPI (96 = původní velikost) stojí 96: při 300 DPI se ikona deklarovaná jako width="1in" stane 300 pixelů širokou, což očekává tiskárna.

U Přesné šířky a výšky se kresba, jejíž proporce se liší od rámečku, vycentruje a doplní okraji podle vlastního pravidla preserveAspectRatio v SVG; nikdy se neroztáhne, pokud to soubor nevyžaduje.

Prohlížeče nedokážou vytvořit plátno větší než asi 16,7 milionu pixelů (například 4096 × 4096). Když požaduješ víc, velikost se zmenší na největší obrázek, který se vejde, a zpráva ti oznámí výslednou velikost.

PNG, JPG nebo WebP?

• PNG je bezztrátový a zachovává průhlednost: nejlepší volba pro ikony, loga a diagramy.
• JPG nemá průhlednost, takže se průhledné oblasti vyplní barvou pozadí. Použij ho pro velké ilustrace, kde záleží víc na velikosti souboru než na ostrých hranách.
• WebP zachovává průhlednost a bývá menší než PNG; zobrazí ho všechny současné prohlížeče.

Bezpečnost a omezení

Tvoje SVG se nikdy nevkládá do stránky. Kreslí se z privátní adresy blob jako obyčejný obrázek, v režimu, kdy prohlížeče nespouštějí skripty ani nic dalšího nenačítají. Důsledkem je, že se externí odkazy nenačítají: webová písma z Google Fonts, obrázky odkazované adresou URL a externí soubory CSS se ignorují, takže se text může zobrazit výchozím písmem. Pro zachování přesného vzhledu před převodem v editoru převeď text na křivky nebo vlož obrázky jako data URI. Písma nainstalovaná v tvém počítači lze stále použít.

Nic se nenahrává: vykreslování i kódování probíhají ve tvém prohlížeči.