Nezpomalujte si web zbytečně velkými obrázky

Aktualizováno v říjnu 2026

I když vám web spravuje někdo jiný, obrázky do článků a na stránky nejspíš nahráváte sama. A právě tady se web nejsnáz zpomalí: jedna fotka rovnou z mobilu může mít víc dat než celý zbytek stránky.

Proč hlídat velikost obrázků?

Velikost obrázků zásadním způsobem ovlivňuje rychlost webu, zejména, pokud je obrázků na webu hodně. Příliš velké obrázky zbytečně zpomalují načítání stránek webu, zbytečně zatěžují web a v ne poslední řadě spotřebovávají zbytečně mobilní data.

Obrázek má dvě velikosti

• Rozměr – šířka a výška v pixelech.
• Datová velikost – kolik místa obrázek zabere, v kB nebo MB.

Hlídat je potřeba obojí, a v tomhle pořadí: nejdřív zmenšit rozměr, potom zkomprimovat.

Jaký rozměr zvolit

Obrázek nahrajte zhruba ve dvojnásobku šířky, ve které se na webu zobrazuje. Displeje mobilů a novějších notebooků mají jemnější body a menší obrázek na nich vypadá rozmazaně.

• Obrázek přes celou šířku stránky: 1920 px. Tady je to kompromis mezi ostrostí a rychlostí.
• Obrázek na polovinu stránky: 1200 px.
• Malý obrázek nebo profilová fotka: 600 px.
• Logo: dvojnásobek velikosti, ve které je v hlavičce.
• Ikona webu (favikona): čtverec 512 × 512 px. WordPress si z něj vytvoří všechny menší velikosti sám.
• Obrázek pro sdílení na Facebooku: 1200 × 630 px.

Jak velký má být soubor s obrázkem

Jako vodítko: velká fotka přes celou šířku do zhruba 300 kB, menší obrázky do 100 kB. Není to pevné pravidlo, hlavní je, aby obrázek po zmenšení nevypadal rozmazaně nebo kostičkovaně.

Jak obrázek zmenšit

Obrázky zmenšujte ještě před nahráním na web. Šikovný a zdarma je online nástroj iloveimg.com: nejdřív použijte Resize Image (rozměr), potom Compress Image (datová velikost).

Pokud máte na webu plugin na optimalizaci obrázků, komprimaci obstará sám. Rozměr ale pohlídejte vy. WordPress sám zmenší jen obrázky větší než 2560 px, a to je pro většinu míst na webu pořád moc.

Jaký formát použít

• JPG na fotky.
• PNG na obrázky s průhledným pozadím, grafiku s textem a snímky obrazovky. JPG kolem písma dělá šmouhy.
• WebP je novější formát: při stejné kvalitě menší soubor. Rozměr je ale potřeba pohlídat stejně. Řada optimalizačních pluginů do něj obrázky převádí automaticky.

Máte hotovo? Pak už stačí obrázek dobře pojmenovat a nahrát na web.