Co znamená soubor JPG?

Co znamená soubor JPG a jak vlastně funguje?

Zkratka JPG (nebo také JPEG) označuje nejrozšířenější rastrový formát pro ukládání a sdílení digitálních fotografií a obrázků. Vytvořila jej v počátcích digitální éry skupina Joint Photographic Experts Group. Tento formát využívá takzvanou ztrátová kompresi jpg, díky které zmenšuje velikost souboru odstraněním drobných obrazových detailů, jež lidské oko téměř nepostřehne, a podporuje zobrazení úctyhodných 16 milionů barev.

Tento datový formát dnes používá naprosto každý, od profesionálních designérů v Adobe Photoshop až po babičky sdílející snímky z dovolené na běžném mobilním telefonu. Málokdy se vidí technologie z devadesátých let, která by i dnes stále bezkonkurenčně vládla svému oboru. Přesto existuje jedna naprosto kritická chyba při ukládání webové grafiky, která spolehlivě zničí váš vizuál - a k překvapení mnoha lidí - nemá vůbec nic společného s fyzickým rozlišením snímku. K této chybě a jejímu řešení se podrobně dostaneme v sekci o omezeních formátu o něco níže.

Seznamte se s realitou. Většina uživatelů o technickém pozadí souborů vůbec nepřemýšlí, dokud nenarazí na problém. Rychlost načítání, vizuální artefakty nebo obrovské přílohy v e-mailech - to vše má kořeny v tom, jak dobře nebo špatně s kompresí pracujeme.

Ztrátová komprese JPG v praxi: Kouzlo, nebo prokletí?

Asi se občas ptáte, co znamená soubor jpg, jak je možné, že neupravená fotografie z moderního snímače má klidně 30 megabajtů, ale při zobrazení na webu zabere jen nepatrný zlomek této obří velikosti. Tajemství tkví právě v kompresi. Při ukládání algoritmus chytře odstraňuje vybraná obrazová data. Typicky dokáže snížit velikost souboru o 70 až 80 procent bez vizuálně rušivé ztráty kvality. Je to geniální řešení. Ohromně to šetří drahocenné místo na disku i mobilní data při stahování.

Ale pozor na jednu věc. Každé další otevření a následné uložení souboru JPG nevratně zhoršuje jeho kvalitu. Představte si to zhruba jako kopírování na staré kancelářské kopírce - kopie dřívější kopie už nikdy nebude tak ostrá a jasná jako úplný originál. Mnoho začínajících editorů - a to bývá velký problém u amatérských grafiků - si myslí, že vícenásobné uložení hotové fotce vůbec nevadí. Zcela špatně. Degradace obrazu je kumulativní a po deseti uloženích se z krásné fotky stane změť barevných kostiček.

Jak nastavit správnou úroveň kvality

V programech jako Adobe Photoshop máte většinou k dispozici exportní stupnici od 1 do 12, nebo procentuálně od 0 do 100. Osobně jsem v začátcích z obavy o ostrost dlouho ukládal vše na maximální možnou kvalitu. Byla to obrovská chyba. Dnes vím, že rozdíl mezi kvalitou 80 a 100 je lidským okem na běžném monitoru prakticky neviditelný, ale velikost souboru v megabajtech často klesne zhruba na polovinu.

Typicky se doporučuje používat hodnoty kolem 75 až 80 pro běžné nasazení na internetových stránkách. Získáte tak ideální kompromis mezi zachováním ostrosti digitální fotografie a potřebnou rychlostí stahování. Zřídkakdy dává smysl jít pod úroveň 50, protože v tu chvíli už na scénu nastupuje viditelná destrukce obrazu a nehezké barevné přechody.

Jaký je vlastně rozdíl mezi JPG a JPEG?

Tohle je bez nadsázky ten nejčastější dotaz, který ve světě digitální grafiky dostávám. Odpověď vás možná trochu zklame svou naprostou jednoduchostí. Žádný rozdíl mezi jpg a jpeg neexistuje. Jde o jeden a ten samý formát obrázku, který se řídí úplně stejnými technickými pravidly.

Proč tedy máme v počítačích dvě odlišné přípony souboru? Vysvětlení musíme hledat hluboko v počítačové historii. Velmi staré operační systémy, jako byl například legendární MS-DOS, vyžadovaly striktně tříznakovou příponu každého souboru. Z původního názvu.jpeg se tak pro kompatibilitu muselo uměle stát.jpg, aby systém datový soubor vůbec rozpoznal. Moderní operační systémy, jako Windows 11 nebo macOS, už samozřejmě zvládají delší přípony bez sebemenšího mrknutí oka. Takže ať už máte na ploše portret.jpg nebo portret.jpeg, uvnitř se nachází na bit naprosto totožný datový obsah.

Rozuzlení: Kdy formát JPG vlastnosti zazáří a kdy naopak tvrdě pohoří

A tady se konečně dostáváme k té zásadní grafické chybě, o které jsem se zmiňoval hned v samotném úvodu. Mnozí začátečníci i nadšení amatéři se domnívají, že když kompresní formát jpg vlastnosti zvládne nádherně a plynule vykreslit všechny barevné nuance na fotografii západu slunce, bude přece úplně stejně dobrý i pro moderní logo jejich firmy.

Když jsem před lety poprvé stavěl vlastní webové stránky, udělal jsem přesně tuhle začátečnickou hloupost. Uložil jsem do tohoto formátu úplně všechno. Vcluding firemního loga, které mělo mít průhledné pozadí. Výsledek po nahrání na server byl katastrofální - kolem mého pracně nakresleného loga neustále svítil ošklivý bílý čtverec. Strávil jsem pak snad tři hodiny zoufalým klikáním a hledáním skrytého tlačítka v editoru, než mi došlo to hlavní. Formát JPG zkrátka technologicky nepodporuje průhlednost. Musí mít pokaždé pevné pozadí.

Tento formát je také naprosto nevhodný pro drobný text, jednoduchou perokresbu nebo jakoukoli umělou grafiku s extrémně ostrými hranami a vysoce kontrastními přechody barev. Jakmile na tyto prvky aplikujete ztrátovou kompresi, algoritmus se na ostrých hranách zmate a vytvoří ošklivé vizuální artefakty - takové ty neostré duchy a barevné šmouhy kolem černých písmenek. Pro podobné účely existují zcela jiné technické nástroje.

Srovnání formátů: JPG, PNG a WebP

JPG / JPEG

Nepodporuje - prázdné pozadí je vždy nahrazeno plnou barvou (typicky bílou)

Běžné digitální fotografie a reálné snímky složitého světa

Ztrátová - při každém následném uložení trvale klesá obrazová kvalita

Plná podpora zobrazení až 16 milionů rozličných barev

PNG

Plně podporuje takzvaný alpha kanál pro dokonale čisté průhledné hrany

Loga, čistá perokresba, text vložený do obrázku, webová grafika

Bezztrátová - bezpečně zachovává sto procent veškerých detailů

Zvládne miliony barev, ale za cenu extrémně velké velikosti souboru

WebP ⭐

Bezproblémově podporuje průhlednost dokonce i při zapnuté ztrátové kompresi

Komplexní optimalizace webových stránek vyžadující maximální rychlost načítání

Moderně nabízí ztrátovou i zcela bezztrátovou variantu podle aktuální potřeby

Plných 16 milionů barev s výrazně menší datovou stopou

Boj s načítáním portfolia: Zkušenost svatebního fotografa

Tomáš, svatební fotograf na volné noze z Brna, dlouhodobě bojoval s nesnesitelně pomalým načítáním svého osobního online portfolia. Potenciální zákazníci velmi často odcházeli pryč, než se vůbec jeho precizní snímky stihly vykreslit, což ho reálně stálo cenné zakázky a zisky.

Nejprve zkusil pohodlně nahrát fotky v plném původním rozlišení (přes 20 MB na snímek) a zcela se spolehl na automatické zmenšení chytrou šablonou webu. Výsledek byl ještě tragičtější - úvodní stránka se načítala dlouhých 8 sekund a paměťově slabší prohlížeče na starších mobilních telefonech doslova padaly.

Po víkendu plném upřímné frustrace si uvědomil svou zásadní technickou chybu. Pochopil, že musí aktivně vyřešit datovou kompresi už u sebe na disku. Otevřel tedy dávkový proces v Adobe Photoshop a poctivě převedl všechny obří snímky do formátu JPEG s cílenou kompresí pevně nastavenou na hodnotu 75, přičemž upravil i fyzické rozlišení.

Celková doba nutná k načtení úvodní stránky okamžitě klesla hluboko pod 2 sekundy, což znamenalo skvělé zlepšení zhruba o 75 procent. Ztráta návštěvnosti se rychle stabilizovala a Tomáš získal tři nové nadšené klienty hned v průběhu dalšího týdne.