Jak převést SVG na PNG beze ztráty kvality

SVG se neskládá z pixelů. Je to sada instrukcí: nakresli zde čáru, vyplň tento tvar touto barvou, takže jej lze nakreslit v jakékoli velikosti a zůstane dokonale ostrý. Proto loga a ikony tak často mají formát SVG: stejný soubor vypadá ostře jak na vizitce, tak na billboardu.

PNG je pravým opakem: pevná mřížka pixelů. Jakmile exportujete, řekněme, obrázek o šířce 512 pixelů, přesně to dostanete. Zvětšete jej nad jeho nativní velikost a stane se hranatým, přesně jako při přiblížení fotografie. Převod SVG na PNG znamená přeměnu těchto kreslicích instrukcí na pevnou mřížku, krok nazývaný rasterizace.

Protože PNG má pevnou velikost v pixelech, neexistuje jediný "bezztrátový" převod SVG na PNG: vybíráte si rozlišení a kvalita se odvíjí od této volby. Trik spočívá v renderování v dostatečně vysokém rozlišení podle toho, jak obrázek skutečně použijete.

Dobrým pravidlem je exportovat ve dvakrát až třikrát větší velikosti, než v jaké grafiku zobrazíte. Pokud se logo zobrazí v šířce 200 pixelů na stránce, exportujte jej v šířce 400 nebo 600 pixelů, aby zůstalo dokonale ostré na obrazovkách s vysokým rozlišením. Potřebujete jej pro tisk? Jděte ještě výš. Jedinou skutečnou chybou je exportovat příliš malý obrázek a poté jej zvětšovat: to je jediná věc, která viditelně zhoršuje kvalitu.

Převod probíhá přímo ve vašem zařízení, takže soubor se nikdy nenahrává:

• Otevřete konvertor SVG → PNG a přetáhněte do něj svůj SVG.
• Nastavte výstupní velikost: zadejte požadovanou šířku v pixelech (větší hodnota znamená ostřejší výsledek a větší soubor).
• Exportujte a stáhněte si své PNG.

Protože vše probíhá přímo ve vašem prohlížeči, můžete po načtení stránky přejít do režimu offline a vše stále funguje, což je důkazem, že se SVG neodesílá na žádný server. Není potřeba žádný účet, žádný vodoznak ani žádný limit počtu převodů.

Soubory SVG mívají často průhledné pozadí a to zůstává zachováno beze změny: exportujte do PNG a průhledné oblasti zůstanou průhledné, protože PNG podporuje alfa kanál. Vaše logo náhle nezíská bílý obdélník v pozadí.

Pokud si nejste jisti, jakou šířku v pixelech zvolit, vycházejte z toho, kde se obrázek zobrazí. Favicon může potřebovat jen 64 pixelů; hero grafika může potřebovat 2,000 pixelů nebo více. V případě pochybností zvolte větší velikost: soubor můžete kdykoli později zkomprimovat PNG, abyste jej zmenšili, ale nelze přidat detail zpět do souboru, který byl exportován příliš malý. A pokud později budete potřebovat JPG, převod PNG → JPG zabere jen vteřinu.