SVG je oblíbeným formátem pro loga, ikony a ilustrace, protože je to vektor — popisuje tvary pomocí matematiky, takže zůstává dokonale ostrý při jakékoli velikosti a zároveň má malou velikost souboru. Ne každý nástroj ale SVG rozumí. Sociální platformy, prezentační software, mnoho fotoeditorů a spousta nahrávacích formulářů očekávají rastrový obrázek jako PNG. Když k tomu dojde, převedete SVG na PNG.
Tento návod vysvětluje, jak převést SVG na PNG, aniž byste skončili s rozmazaným výsledkem, jedno nastavení, na kterém záleží nejvíce, a kdy byste měli SVG raději ponechat.
Vektor vs rastr: proč převod potřebuje velikost
Klíčový rozdíl mezi SVG a PNG vysvětluje vše o převodu mezi nimi. SVG je nezávislé na rozlišení: nemá pevné rozměry v pixelech a lze ho na vyžádání vykreslit v jakékoli velikosti. PNG je pevná mřížka pixelů, takže má jedno konkrétní rozlišení napevno zakódované.
Převod SVG na PNG se nazývá rasterizace: vektor se vykreslí do mřížky pixelů ve zvolené velikosti. Tato volba velikosti je tím nejdůležitějším rozhodnutím celého převodu, protože jakmile PNG existuje, jeho zvětšení nad jeho rozlišení ho rozmaže — což je přesně to omezení, kterému se SVG snaží vyhnout.
Zvolte správné rozlišení
Aby vaše PNG zůstalo ostré, vykreslete ho v největší velikosti, ve které ho budete skutečně zobrazovat, nebo větší. Několik vodítek:
- **Přizpůsobte velikosti zobrazení.** Pokud se logo objeví o šířce 300 pixelů, exportujte PNG alespoň v této šířce.
- **Počítejte s displeji s vysokým rozlišením.** Moderní telefony a notebooky obsahují více pixelů, takže export ve dvoj- až trojnásobku velikosti zobrazení udrží obrázek na nich ostrý.
- **Když si nejste jistí, zvolte větší.** PNG, které je větší, než je potřeba, lze čistě zmenšit; to, které je příliš malé, nelze zvětšit bez rozmazání.
Protože SVG nemá vlastní rozlišení, dobrý převodník vám umožní zvolit výstupní rozměry. Volba velkorysé velikosti je nejjednodušší způsob, jak zaručit ostrý výsledek.
Jak převést SVG na PNG
Nejrychlejší způsob, bez nutnosti cokoli instalovat, je převodník v prohlížeči. Použijte bezplatný převodník SVG na PNG: přidejte své SVG, převeďte a stáhněte si PNG připravené k použití kdekoli, kde se přijímají rastrové obrázky. Vykreslí vektor do čistých pixelů a zachová průhlednost, takže logo na průhledném pozadí zůstane průhledné.
Toto je ideální, když potřebujete rychlé PNG pro profil na sociální síti, prezentaci, dokument nebo jakýkoli nástroj, který SVG přímo nepřijme.
Průhlednost zůstane zachována
Jednou z výhod převodu na PNG namísto JPG je průhlednost. PNG podporuje plný alpha kanál, takže průhledné oblasti vašeho SVG — například prostor kolem loga — zůstanou v PNG průhledné. Kdybyste převedli na JPG, byly by tyto oblasti vyplněny plnou barvou, protože JPG žádnou průhlednost nemá. Pro loga a ikony je PNG téměř vždy tím správným rastrovým cílem.
Kdy ponechat SVG
Na PNG převádějte jen tehdy, když to něco vyžaduje. Pro cokoli, co máte pod kontrolou — web, aplikaci nebo návrhový soubor — ponechte SVG. Zůstane ostré na každé obrazovce a při každé velikosti, u jednoduché grafiky je obvykle menší než PNG ve vysokém rozlišení a lze ho přestylovat pomocí kódu. Rasterizace na PNG uzamkne obrázek na jedno rozlišení a tyto výhody ztratí.
Praktický zvyk: ponechte si SVG jako hlavní kopii a exportujte z něj PNG vždy, když je konkrétní nástroj potřebuje. Tak budete mít vždy škálovatelný originál, ze kterého můžete vycházet. Více o tomto formátu se dozvíte v článku Co je soubor SVG.
SVG, PNG, nebo něco jiného?
Pokud zvažujete formáty pro projekt, zkrácená verze zní: použijte SVG pro loga, ikony a ploché ilustrace; použijte PNG, když potřebujete rastrovou verzi s průhledností nebo ostrými hranami; a použijte JPG, WebP nebo AVIF pro fotografie. Úplný rozhodovací rámec napříč všemi formáty najdete v článku Jak vybrat správný formát obrázku pro web a o rastrové průhlednosti obecně v článku JPG vs PNG.