JPG vs PNG vs WebP vs AVIF: Který formát obrázku byste měli použít?
Každý formát obrázku je jiným kompromisem mezi velikostí souboru, kvalitou, kompatibilitou a funkcemi, jako je průhlednost. Vyberte dobře a vaše soubory jsou malé a otevřou se všude; vyberte špatně a získáte 30MB skeny nebo loga se zubatými bílými okraji. Zde je, k čemu vlastně každý formát slouží.
Soukromí na prvním místě: každý obrázek se zpracovává lokálně ve vašem prohlížeči. Nic se nenahrává, neukládá ani neodesílá na žádný server.
JPG — univerzální formát pro fotografie
JPG (1992) komprimuje fotografie zahazováním detailů, kterých si oko sotva všimne, s možností doladění pomocí nastavení kvality. Při kvalitě 75–85 jsou soubory malé a vypadají skvěle; otevře je každé zařízení a program na světě. Jeho meze: žádná průhlednost a každé opětovné uložení ztratí o něco víc detailů. Použijte ho pro fotografie, které musí fungovat naprosto všude.
PNG — bezeztrátový, s průhledností
PNG ukládá pixely přesně a podporuje plnou alfa průhlednost, což z něj dělá standard pro loga, snímky obrazovky, grafiku rozhraní a jakýkoli obrázek, který se bude opakovaně upravovat. Cenou je velikost: fotografie uložené jako PNG nabobtnají na mnohonásobek své velikosti v JPG, protože fotografický šum nelze bezeztrátově komprimovat. Používejte PNG pro grafiku a pracovní kopie, nikoli pro doručování fotografií.
WebP — moderní výchozí formát pro web
WebP zvládne obojí: ztrátovou kompresi zhruba o 25–35 % menší než JPG ve srovnatelné kvalitě a bezeztrátový režim s průhledností mnohem menší než PNG. Každý prohlížeč ho podporuje od roku 2020. Jeho jedinou slabinou je prostředí mimo web — starší desktopový software, tiskárny a některé formuláře pro nahrávání ho stále odmítají. Použijte WebP pro cokoli zobrazovaného na webové stránce.
AVIF — nejmenší soubory, nejnovější formát
AVIF, postavený na video kodeku AV1, vytváří nejmenší soubory ze všech běžných formátů — často poloviční velikost oproti JPG při stejné kvalitě — a podporuje průhlednost i HDR. Podpora v prohlížečích je nyní univerzální, ale nástroje a software mimo web zaostávají. Použijte ho tam, kde na bajtech záleží nejvíc a kde máte doručování pod kontrolou, se záložní variantou pro starší prostředí.
GIF, SVG a HEIC — specialisté
GIF přežívá čistě kvůli jednoduchým animacím; pro statické obrázky je zastaralý (256 barev, obrovské soubory). SVG nejsou vůbec pixely, ale vektorová geometrie — perfektní pro ikony a loga, která se musí škálovat, bezvýznamný pro fotografie. HEIC je efektivní formát fotoaparátu od Applu: skvělý na zařízení, nešikovný všude jinde a obvykle převedený na JPG ve chvíli, kdy soubor opustí ekosystém Applu.
Rozhodnutí ve zkratce
Fotografie k obecnému sdílení → JPG. Cokoli na webové stránce → WebP (nebo AVIF, pokud zvládnete záložní varianty). Logo, snímek obrazovky nebo průhlednost → PNG (WebP, pokud jen pro web). Musí se škálovat do libovolné velikosti → SVG. Z iPhonu a míří jinam → převeďte HEIC na JPG. Když si nejste jistí, JPG pro fotografie a PNG pro grafiku nikdy nedopadne katastrofou.