JPG / JPEG
Komprimovaný formát pro fotografie – ztrátová komprese, vhodný pro fotky ne pro loga
Co je JPG a JPEG
JPG (JPEG) je ztrátový formát pro ukládání fotografií: při kompresi zahodí část obrazové informace, které si oko na fotce těžko všimne, a výměnou za to srazí velikost souboru na zlomek. Přípona se píše dvěma způsoby, JPG i JPEG, jde ale o jedno a totéž.
Čím se platí za menší soubor
Při exportu volíte kvalitu, obvykle na stupnici do sta. Čím níž jdete, tím lehčí soubor a tím víc se v obraze objevují artefakty: rozmazané okolí ostrých přechodů, čtvercové bloky v jednolitých plochách, zašpiněné okraje písmen. Na produktové fotce v přírodním světle rozdíl mezi devadesátkou a sedmdesátkou málokdo pozná. Na screenshotu tabulky praští do očí okamžitě.
Pro web proto nehledám maximální kvalitu. Hledám nejnižší nastavení, u kterého obrázek pořád vypadá dobře na mobilu, což je úplně jiná otázka než jak zachovat originál.
Každé uložení ubere
Ztráta je nevratná. Když otevřete hotový JPG, dokreslíte do něj cenovku a uložíte znovu, komprese proběhne podruhé nad už poškozenými daty. Po několika kolech vypadá kreativa jako vyfocená přes špinavé sklo. Pracovní verzi si proto držím v původním formátu od grafika a JPG generuju až jako poslední krok, klidně pokaždé znovu.
Kde JPG nemá co dělat
Průhlednost neumí, takže logo na průhledném pozadí v tomhle formátu nedostanete; místo něj přijde bílý obdélník. Ostré hrany, plné barvy a text zvládne líp PNG, u loga se sluší rovnou vektor. A na fotky na webu dnes stejně úsporou vyhrává WebP.
Fotky rovnou z foťáku
Nejčastější nález, když se dívám na rychlost e-shopu: fotky nahrané rovnou z foťáku, čtyři tisíce pixelů na šířku a několik megabajtů na kus, které pak prohlížeč zmenšuje do dlaždice o šířce tří set pixelů. Nejdřív tedy zmenšit rozměr na to, co se reálně zobrazuje, a teprve pak komprimovat. Tenhle jeden krok obvykle s načítáním kategorie udělá víc než všechno ostatní, co se dá vyladit na šabloně. Kontroluju to prostě přes vývojářské nástroje v prohlížeči, žádná věda v tom není.