Když web zpomaluje, v 70 % případů jsou na vině obrázky. Klient nahraje fotku přímo z fotoaparátu nebo telefonu, kde má rozlišení 6000 × 4000 pixelů a velikost 8 MB. WordPress ji sice automaticky zmenší do několika variant, ale ta původní obří verze zůstává v médiích a často se omylem vloží do článku. Návštěvník mobilního webu pak stahuje 8 MB obrázek, který se mu zobrazí jako 400 pixelů široký. Tady je správný postup.
Příprava obrázku před nahráním
Snižte rozlišení na to, co reálně potřebujete. Pro plnou šířku obrázku v článku stačí 1920 pixelů na šířku (pro retina displeje), pro menší obrázky 1200 pixelů. Komprese – v PhotoShopu, GIMPu nebo přes online nástroje jako TinyPNG nebo Squoosh nastavte JPEG na 80 % kvality (rozdíl od 100 % není pro oko viditelný, velikost klesne na třetinu). PNG používejte jen pro průhledné obrázky nebo grafiku s ostrými hranami; pro fotky vždy JPEG.
WebP a AVIF formáty
WebP je modernější formát od Googlu, který je o 25–35 % menší než JPEG při stejné kvalitě. AVIF je ještě modernější (a o 50 % menší než JPEG), ale podpora v prohlížečích je horší. Doporučení 2026: nahrávejte obrázky jako WebP. Pokud máte v médiích staré JPEG/PNG, použijte plugin (například Smush, ShortPixel, EWWW Image Optimizer) na hromadnou konverzi.
Nahrání do WordPress média
Médea → Přidat nový. Přetáhněte obrázek myší nebo klikněte na Vybrat soubory. WordPress obrázek nahraje a automaticky vytvoří několik velikostí (thumbnail 150 × 150, medium 300 × 300, large 1024 × 1024 a další podle šablony). Při vkládání obrázku do článku WordPress sám rozhodne, kterou velikost použít.
Alt text – co je a proč na něm záleží
Alt text (alternativní text) je textový popis obrázku, který se zobrazí, když se obrázek nenačte, a který přečte čtečka obrazovky pro nevidomé. Také ho čtou roboti Googlu, takže má vliv na SEO. Alt text vyplňte u každého obsahového obrázku. Krátce a popisně – ne “obrázek”, ne “DSC_0042.jpg”, ale “Žena s notebookem v kavárně, atmosférická fotka pro úvod článku o digital nomad životě”.
Title text vs. alt text – nezaměňujte
Title text je popis, který se zobrazí při najetí myší. Pro SEO ani přístupnost není důležitý. Alt text je popis, který je důležitý pro nevidomé a pro vyhledávače. Ve WordPress administraci jsou to dvě různá pole. Vyplňujte vždy alt text. Title text můžete nechat prázdný.
Lazy loading
WordPress od verze 5.5 automaticky přidává lazy loading – obrázky pod fold (mimo viditelnou oblast) se načtou až ve chvíli, kdy k nim uživatel doroluje. To ušetří přenos a zrychlí načtení stránky. Pokud používáte nějaký velmi starý téma nebo speciální galerii, ověřte, že lazy loading funguje – v Page Speed Insights to uvidíte v doporučeních.
Tip: Pokud spravujete web s desítkami nebo stovkami obrázků, nainstalujte si jeden z optimalizačních pluginů (Smush je free verze, ShortPixel a EWWW mají i placené verze). Hromadná optimalizace 1000 obrázků trvá hodinu a často ušetří 70 % velikosti uploads.