JPEG je nejrozšířenější formát pro ukládání fotografií. Poznáte ho podle přípony .jpg nebo .jpeg a fotí v něm prakticky každý mobil i fotoaparát. Jeho smysl je jediný: udělat ze snímku co nejmenší soubor, aby se rychle přenesl a nezabíral místo.

Dělá to takzvanou ztrátovou kompresí. Formát vyhodí část obrazové informace, kterou lidské oko stejně skoro nevnímá – hlavně jemné odstíny barev. Je to podobné jako převyprávět film kamarádovi: zápletku a postavy zachováte, drobné detaily vypustíte. Proto se JPEG hodí na fotografie s plynulými přechody, ale nehodí se na loga, grafy a obrázky s ostrými hranami nebo textem, kde se u čar objeví rozmazané okraje. Na ty je lepší PNG, a naopak PNG na fotku vyrobí zbytečně obrovský soubor.

Praxe na hostingu je docela smutná: fotky nahrané rovnou z mobilu jsou nejčastější důvod, proč se web načítá pomalu a proč dochází místo na disku. Dnešní telefon dělá snímky o rozměru přes čtyři tisíce bodů na šířku a velikosti několika megabajtů, jenže do článku se vejde obrázek široký patnáct set bodů. Návštěvník tedy stahuje mnohonásobek toho, co uvidí – a na mobilních datech to pozná okamžitě.

Co s tím udělat, ještě než obrázek nahrajete:

  • Zmenšete rozměry – u fotky do článku bohatě stačí šířka kolem 1500 bodů, u náhledu ještě méně.
  • Nastavte kvalitu kolem 80 procent – soubor spadne na zlomek velikosti a rozdíl nerozpoznáte.
  • Odstraňte skryté údaje – JPEG v sobě nese i datum, model přístroje a někdy souřadnice, kde jste fotili. To na veřejný web nepatří.
  • Zvažte formát WebP – modernější náhrada, která při stejné kvalitě vyrobí zhruba o třetinu menší soubor a podporují ji všechny dnešní prohlížeče.

Menší fotky se projeví hned dvakrát. Za prvé v kvótě, tedy v tom, kolik místa na disku Váš tarif dovolí zabrat. Za druhé v rychlosti: obrázky bývají většina objemu stránky, takže právě na nich se nejvíc pozná odezva načítání. Podrobnější rady najdete v hesle optimalizace webu, hodně pomůže i cache v prohlížeči, aby se tatáž fotka nestahovala opakovaně.

V WordPressu se o zmenšování postarají doplňky, které při nahrání vyrobí zmenšené varianty a případně i verzi ve WebP. Pořád ale platí, že nejlevnější je obrázek, který se vůbec nemusí přenášet – tedy zmenšit ho už v počítači.