Rozlišení fotografií pro web. Kolik je akorát?

05.02.2026

Rozlišení fotografií patří mezi nejčastější zdroje chyb při přípravě obsahu pro web. Buď jsou fotografie zbytečně velké a zpomalují web, nebo naopak rozmazané a neprofesionální. V tomto článku vysvětluji, jaké rozlišení je pro web skutečně akorát, a to z pohledu kvality, výkonu i SEO.

Proč na rozlišení fotografií pro web záleží

Rozlišení přímo ovlivňuje:

  • rychlost načítání webu

  • uživatelský zážitek

  • hodnocení webu Googlem

  • profesionální dojem značky

U firemních webů platí jednoduché pravidlo: kvalita ano, zbytečná data ne.

Rozlišení × velikost souboru (není to totéž)

Častý omyl je zaměňování pojmů:

  • rozlišení = počet pixelů (např. 2000 × 1333 px)

  • velikost souboru = kolik má fotografie MB nebo kB

Pro web je důležitá kombinace obojího. Velké rozlišení s rozumnou velikostí souboru je ideální stav.

Jaké rozlišení je vhodné pro webové stránky

Běžný obsah webu

  • 1600–2000 px na delší straně

  • ideální pro obsahové fotografie a galerie

Hero sekce a bannery

  • 2000–2560 px na šířku

  • rezerva pro velké monitory a responzivní zobrazení

Náhledy a menší obrázky

  • 800–1200 px

  • dostatečné pro ostrý vzhled i na Retina displejích

Vyšší rozlišení už nepřináší reálný přínos, jen zatěžuje web.

Retina displeje a vysoké rozlišení obrazovek

Moderní zařízení zobrazují více pixelů na menší ploše. Proto:

  • fotografie musí být větší než skutečný zobrazovaný rozměr

  • běžně se používá 2× rezerva

Příklad:

  • obrázek zobrazený na webu široký 800 px

  • ideální export: 1600 px

Rozlišení fotografií vs. DPI

Pro web je DPI nepodstatné.

  • 72 DPI, 96 DPI nebo 300 DPI

  • na webu se počítají pouze pixely

DPI hraje roli až při tisku, nikoliv při zobrazení na monitoru.

Nejčastější chyby v praxi

❌ nahrávání fotografií přímo z fotoaparátu 

❌ rozlišení 6000 px bez optimalizace 

❌ malé fotografie zvětšené přes CSS 

❌ nejednotné rozlišení napříč webem

Výsledkem je pomalý web nebo nekvalitní vizuál.

Doporučený workflow pro webové fotografie

  • Vyber finální ořez 
  • Nastav cílový rozměr podle použití 
  • Exportuj v kvalitě 70–80 % (JPEG) 
  • Zkontroluj velikost souboru

Cílová velikost:

  • ideálně do 300 kB

  • u větších bannerů max. 500 kB

Rozlišení a SEO

Rychlost webu je přímý hodnoticí faktor Googlu.

Správně připravené fotografie:

  • zrychlují načítání

  • snižují bounce rate

  • zlepšují hodnocení webu

Rozlišení tedy není jen technický detail, ale součást SEO strategie.

Shrnutí

Správné rozlišení fotografií pro web:

  • není extrémně vysoké

  • je přizpůsobené konkrétnímu použití

  • respektuje výkon webu

Pokud má web působit profesionálně a fungovat technicky správně, je rozlišení fotografií jeden z klíčových faktorů.

Share