JPEG (JPG)

Co je JPEG formát?

JPEG, nebo také JPG, je nejrozšířenější formát pro ukládání a sdílení digitálních fotografií na internetu i v offline prostředí. Možná jste si všimli, že některé soubory mají příponu .jpeg a jiné .jpg – není to chyba. JPEG a JPG jsou absolutně stejný formát. Rozdíl v příponě vznikl z historických důvodů: starší verze operačního systému Windows podporovaly pouze tříznakové přípony souborů, proto se místo .jpeg používalo zkrácené .jpg. Dnes můžete používat obě varianty zcela zaměnitelně.

Zkratka JPEG pochází z názvu Joint Photographic Experts Group, což byla expertní skupina, která tento formát vyvinula. Standard byl oficiálně publikován v roce 1992 jako ISO/IEC 10918-1 a rychle se stal dominantním formátem pro digitální fotografie. Jeho úspěch spočívá v geniálním kompromisu mezi kvalitou obrazu a velikostí souboru.

Pokud jste kdy pořídili fotku mobilem nebo digitálním fotoaparátem, s pravděpodobností hraničící s jistotou byl výsledný soubor právě ve formátu JPEG. Stejně tak naprostá většina fotografií na webech, v sociálních sítích či v e-mailových přílohách. JPEG se stal univerzálním jazykem digitální fotografie právě díky své schopnosti výrazně zmenšit velikost souborů při zachování přijatelné vizuální kvality.

V posledních letech sice vznikají modernější alternativy jako WebP nebo AVIF, které nabízejí ještě lepší kompresi, ale JPEG zůstává standardem především díky univerzální podpoře napříč všemi zařízeními a platformami. Pokud pořídíte fotku prakticky jakýmkoliv zařízením, bude ve formátu JPEG. Pokud ji nahrajete kamkoliv, JPEG bude fungovat.

Jak funguje JPEG komprese?

Síla formátu JPEG spočívá v jeho kompresním algoritmu, který dokáže dramaticky zmenšit velikost souborů. Jedná se o takzvanou ztrátovou kompresi (lossy compression). To znamená, že při ukládání obrázku do JPEG formátu dochází k nevratnému odstranění určitých informací z původního obrazu. Může to znít alarmující, ale kompresní algoritmus je navržen tak, aby odstraňoval především data, která lidské oko obtížně vnímá.

Typický kompresní poměr u JPEG se pohybuje kolem 10:1, což znamená, že soubor může být desetinový oproti nekomprimované verzi, a přitom vizuální rozdíl bude pro běžného diváka prakticky nepostřehnutelný. Právě tato schopnost učinila JPEG dominantním formátem v době, kdy byly internetová připojení pomalá a úložný prostor drahý.

Při ukládání JPEG máte možnost nastavit kvalitu v rozmezí 1–100 %. Pro webové použití doporučuji kvalitu kolem 80–85 %, což představuje optimální rovnováhu mezi vizuální kvalitou a velikostí souboru. Při kvalitě nad 90 % rapidně roste velikost souboru, ale zlepšení kvality je již minimální. Naopak pod 70 % začínají být viditelné kompresní artefakty – blokovost obrazu, rozmazání ostrých hran a barevné nepřesnosti.

Důležité je vědět, že každé další uložení do JPEG formátu znamená další ztrátu kvality. Pokud opakovaně načtete JPEG soubor, upravíte ho a znovu uložíte, kvalita se bude postupně zhoršovat. Proto vždy pracujte s původními, nekomprimovanými soubory a do JPEG exportujte až finální verzi.

Existují také dva typy JPEG kódování: baseline a progresivní. Progresivní JPEG se načítá postupně – nejprve se zobrazí rozmazaná verze, která se postupně doostřuje. To vytváří dojem rychlejšího načítání, což je výhodné pro webové použití.

Klíčové vlastnosti JPEG formátu

• Ztrátová komprese s nastavitelnou kvalitou

Můžete si zvolit, jak moc chcete obětovat kvalitu ve prospěch menší velikosti souboru. Kvalita 80-85% je obvykle optimální kompromis.

• Podpora 24-bitové barevné hloubky

JPEG zvládá zobrazit až 16,7 milionu barev (RGB model), což je více než dostatečné pro realistické zobrazení fotografií.

• Nepodporuje průhlednost

JPEG nemá alfa kanál, takže nemůže obsahovat průhledné pixely. Každý pixel má plnou barvu. Pokud potřebujete průhlednost, musíte použít PNG nebo WebP.

• Nepodporuje animace

Na rozdíl od GIF nebo WebP je JPEG vždy statický obraz. Pro pohyblivý obsah musíte zvolit jiný formát.

• Univerzální podpora

JPEG podporuje absolutně každý webový prohlížeč, mobilní zařízení, e-mailový klient i grafický software. Je to nejkompatibilnější obrazový formát vůbec.

• Výborná komprese pro fotografie

Díky způsobu, jakým JPEG komprimuje data, je ideální pro obrázky s plynulými barevnými přechody, což jsou typicky fotografie.

• EXIF metadata

JPEG soubory mohou obsahovat rozsáhlá metadata včetně GPS souřadnic, data pořízení, nastavení fotoaparátu (čas, clona, ISO) a dalších informací.

Kdy použít JPEG a kdy ne?

Volba správného formátu obrázku je klíčová pro výkon webu i vizuální kvalitu. JPEG není univerzální řešení pro všechny typy obrazového obsahu.

Používejte JPEG pro:

• Fotografie produktů v e-shopu

Realistické fotografie výrobků s bohatými barevnými detaily jsou přesně to, pro co byl JPEG navržen.

• Portréty a fotografie lidí

Plynulé přechody tónů pleti a pozadí JPEG komprimuje velmi efektivně.

• Krajinné a architektonické fotografie

Složité textury, příroda a budovy s mnoha barevnými detaily.

• Blog a článkové obrázky

Ilustrační fotografie v článcích, kde je prioritou rozumná velikost souboru.

NEPOUŽÍVEJTE JPEG pro:

• Loga a firemní identitu

Logo potřebuje ostré hrany a často průhledné pozadí. Použijte SVG nebo PNG. JPEG loga vypadají nekvalitně a neprofesionálně.

• Ikony a ilustrace s ostrými hranami

JPEG vytváří artefakty kolem ostrých linií a jednobarevných ploch. PNG je mnohem vhodnější.

• Screenshoty s textem

Text na screenshotech potřebuje být ostrý a čitelný. JPEG komprese text rozmazává, použijte PNG.

• Obrázky vyžadující průhlednost

Pokud potřebujete průhledné pozadí (například pro překrývání přes jiný obsah), JPEG to neumožňuje. Zvolte PNG nebo WebP.

JPEG vs PNG vs WebP - Srovnání

Při výběru obrazového formátu pro web se nejčastěji rozhodujete mezi třemi hlavními kandidáty. Každý má své specifické výhody.

JPEG používá ztrátovou kompresi, která exceluje u fotografií s plynulými barevnými přechody. Soubory jsou velmi malé, ale každé další uložení zhoršuje kvalitu. JPEG nepodporuje průhlednost ani animace. Jeho největší předností je univerzální podpora – funguje absolutně všude, od nejstaršího mobilu po nejmodernější prohlížeč.

PNG naopak nabízí bezeztrátovou kompresi, což znamená, že žádná data se neztratí. Je ideální pro grafiky, loga, screenshoty a jakýkoliv obsah vyžadující absolutní ostrost. PNG podporuje průhlednost včetně částečné průhlednosti (alfa kanál). Hlavní nevýhodou je výrazně větší velikost souborů u fotografií – PNG fotografie může být klidně 5–10× větší než JPEG ekvivalent.

WebP je moderní formát od Google, který kombinuje výhody obou předchozích. Podporuje jak ztrátovou, tak bezeztrátovou kompresi, průhlednost i animace. Při srovnatelné kvalitě jsou WebP soubory typicky o 25–35 % menší než JPEG. To má přímý dopad na rychlost načítání webu a výkon.

Pro fotografie na webu dnes doporučuji primárně WebP s JPEG fallbackem pro starší prohlížeče. Pro loga a ikony použijte SVG (vektorový formát) nebo PNG. Pro screenshoty s textem vždy PNG. JPEG zůstává relevantní především pro stahovatelné soubory, kde potřebujete garantovat, že si uživatel otevře fotku na jakémkoliv zařízení.

Optimalizace JPEG pro web a SEO

Pouhé uložení fotky do JPEG formátu nestačí. Pro optimální výkon webu a pozitivní dopad na SEO je potřeba JPEG obrázky správně optimalizovat.

Nastavte správnou kvalitu komprese. Již jsem to zmiňoval, ale je to tak důležité, že to zopakuji: kvalita 80–85 % je optimální kompromis. Při této kvalitě jsou rozdíly oproti originálu prakticky neviditelné, ale soubor je výrazně menší. V Adobe Photoshopu používejte funkci "Export for Web" nebo "Export As" a sledujte, jak se mění velikost souboru při různých nastaveních kvality.

Používejte moderní kompresní nástroje. Doporučuji Squoosh.app (webová aplikace od Google), TinyJPG.com pro dávkovou kompresi nebo ImageOptim pro Mac. Tyto nástroje často dosahují lepší komprese než standardní export z grafických programů.

Dodržujte správné rozměry. Nahrávat na web obrázek 4000×3000 pixelů, který se zobrazuje v 500×375 pixelech, je plýtvání. Prohlížeč musí stáhnout celý velký soubor a pak ho zmenšit. Vytvořte obrázek v přesné nebo mírně větší velikosti, než bude zobrazena (kvůli Retina displejům typicky 2× větší).

Vyplňte ALT atributy. Každý obrázek na webu by měl mít popisný ALT atribut. Ten pomáhá vyhledávačům pochopit obsah obrázku a je nezbytný pro přístupnost webu pro osoby s postižením zraku.

Zapněte lazy loading. Moderní prohlížeče podporují native lazy loading pomocí atributu loading="lazy". Obrázky mimo viewport se nenačtou, dokud se k nim uživatel nepřiblíží scrollováním. To výrazně zrychluje počáteční načtení stránky.

Využijte cache a CDN. I perfektně optimalizovaný JPEG je zbytečně velký, pokud ho uživatel musí stahovat při každé návštěvě. Správně nastavená cache zajistí, že se obrázek stáhne pouze jednou. CDN pak doručí obrázek z geograficky nejbližšího serveru.

Výhody a nevýhody JPEG

Výhody

• Excelentní komprese pro fotografie

Kompresní poměr až 10:1 při zachování vizuální kvality činí JPEG ideálním pro fotografický obsah.

• Univerzální podpora

JPEG otevřete doslova všude: v jakémkoliv prohlížeči, na jakémkoliv telefonu, v jakémkoliv grafickém editoru či e-mailovém klientu.

• Malá velikost souborů

Rychlejší načítání webu, nižší náklady na hosting a šetření datových limitů uživatelů.

• Nastavitelná kvalita

Můžete si vybrat kompromis mezi kvalitou a velikostí podle vašich potřeb. Archivní fotografie můžete uložit v 95% kvalitě, web thumbnaily v 75%.

• Podpora EXIF metadat

Můžete uchovávat informace o pořízení fotky, což je užitečné pro fotografy a správu obrazových knihoven.

Nevýhody

• Ztrátová komprese

Každé uložení znamená degradaci. Pokud fotku opakovaně upravujete a ukládáte, kvalita se postupně zhoršuje nevratně.

• Viditelné artefakty při vysoké kompresi

Při kvalitě pod 70% se objevují rušivé bloky, rozmazání a barevné nepřesnosti, zejména kolem ostrých hran.

• Nepodporuje průhlednost

Nemůžete mít průhledné pozadí nebo částečně průhledné pixely. Pro loga a grafiky s průhledností musíte použít PNG nebo WebP.

• Nepodporuje animace

JPEG je vždy statický obrázek. Pro animovaný obsah potřebujete jiný formát.

• Horší než moderní alternativy

WebP a AVIF nabízejí lepší kompresi při stejné kvalitě. JPEG zůstává relevantní především díky univerzální podpoře, ne díky technické nadřazenosti.

Související pojmy