JPG, PNG, WebP, nebo AVIF: jaký formát obrázku zvolit?

Jaký formát se hodí pro váš obrázek?

Formát vybírejte podle toho, co musí zůstat dobře vidět. U fotografie krajiny jsou důležité jemné detaily a přechody barev. U screenshotu účetního programu potřebujete přečíst čísla. Nastavení, které dobře zmenší první obrázek, může druhý poškodit.

Tabulka není pořadím od nejlepšího formátu k nejhoršímu. Pokud formulář přijímá pouze JPG a PNG, menší AVIF vám nahrání neusnadní. Na vlastním webu máte při výběru větší volnost.

Kdy zůstat u JPG?

JPG je vhodný pro fotografie, u kterých potřebujete širokou kompatibilitu. Přípony .jpg a .jpeg označují stejný běžný formát; delší přípona nezaručuje vyšší kvalitu.

Při běžném ukládání JPG dochází ke ztrátové kompresi. Rozumné nastavení dokáže vytvořit menší soubor s nenápadným rozdílem, ale příliš silná komprese poškodí detaily. Kolem písmen se mohou objevit nečisté okraje, v jednolitých plochách bloky. Proto JPG není dobrá první volba pro screenshot tabulky nebo malé logo s textem.

JPG také neuchová průhledné pozadí. Při převodu průhledného obrázku je potřeba průhledná místa vyplnit barvou. Pokud grafika má fungovat na různě barevných stránkách, použijte jiný formát.

Kdy dává smysl PNG?

PNG se hodí tam, kde potřebujete ostré hrany, čitelný text nebo průhlednost. Bezeztrátové kódování PNG uchová obrazové hodnoty, které dostane při ukládání. To je užitečné například u screenshotu se světlým pozadím a drobnými čísly.

Přípona PNG ale nezaručuje, že se obrázek při úpravě nezměnil. Některé optimalizátory před uložením omezí počet barev. Samotné kódování je pak bezeztrátové, avšak vy už ukládáte upravený obraz. U přechodů a poloprůhledných stínů proto kontrolujte výsledek, nikoli pouze příponu.

Pro běžnou fotografii může být PNG zbytečně velké. Pokud nepotřebujete přesné zachování obrazových hodnot pro další práci, porovnejte fotografii také v JPG, WebP nebo AVIF. Postup pro grafiku s průhledností řeší zmenšení PNG.

Co přinášejí WebP a AVIF?

WebP a AVIF umějí ztrátové i bezeztrátové ukládání a podporují průhlednost. Pro webovou fotografii mohou nabídnout menší soubor při přijatelné kvalitě, ale výsledek závisí na obrázku a nastavení exportu. Žádné pevné procento úspory neplatí pro každý snímek.

Při porovnání ponechte stejné rozměry a prohlédněte si důležitá místa. Číslo kvality, například 80, neznamená u různých formátů ani různých programů totožnou kvalitu obrazu. Smysluplné je porovnat velikost souborů, jejichž vzhled vám vyhovuje.

Rozlišujte také prohlížeč a službu, která soubor přijímá. Obrázek se může správně otevřít v prohlížeči, ale formulář, editor nebo starší aplikace jej odmítne. Pokud potřebujete takový soubor odeslat, pomůže převod WebP nebo AVIF do JPG. Na webu podporu řeší také systém, který vytváří zmenšené varianty obrázků.

Kdy převod nepomůže?

Převod už poškozeného JPG do PNG ztracené detaily neobnoví. Může zabránit další ztrátě při samotném bezeztrátovém uložení, ale vady z původního souboru zůstanou. Podobně nemá smysl měnit malý ostrý obrázek jen proto, že existuje novější formát, pokud výsledný soubor není menší ani praktičtější.

U jednoduchého loga může být vhodnější původní SVG. To popisuje tvary místo pevné mřížky pixelů, takže se dá zvětšovat bez typického rozpixelování bitmapy. Pouhým přejmenováním PNG na SVG však vektor nevznikne. SVG navíc musí podporovat konkrétní web a jeho pravidla bezpečného nahrávání.

Pokud má fotografie zbytečně mnoho pixelů, změna formátu řeší jen část problému. Nejdřív určete rozměry pro skutečné místo na webu a teprve potom porovnávejte exporty.

Jak vybrat konečnou variantu?

1. Zjistěte požadavky cílové služby. Zajímejte se o formát, velikost souboru, rozměry a průhlednost.
2. Pracujte z nejlepšího dostupného originálu. Nevyrábějte každou novou variantu z předchozího ztrátového exportu.
3. Porovnejte vhodné formáty při stejných rozměrech. Prohlédněte si obrázek ve velikosti, v níž ho čtenář uvidí, a zvlášť citlivé detaily.
4. Vyzkoušejte výsledek v cílovém prostředí. Soubor musí jít nahrát a správně zobrazit včetně pozadí.

Pro běžné statické JPG, PNG, WebP a AVIF můžete použít kompresor obrázků. Technické možnosti formátu však nejsou seznamem jeho voleb: nástroj nenabízí přepínání ztrátového a bezeztrátového režimu ani změnu rozměrů. Pokud potřebujete řídit sílu komprese, zvolte editor s odpovídajícím nastavením. Základní rozhodování popisuje návod jak zmenšit velikost fotky.

Často kladené otázky