Optimalizace obrázků pro SEO: Kompletní průvodce

Mám dvě zprávy. Jednu špatnou a jednu dobrou.

Špatná: Obrázky jsou největší brzdou moderního webu. Průměrná stránka má dnes přes 2,3 MB a obrázky tvoří zhruba třetinu její velikosti (zdroj: HTTP Archive).

Dobrá: Google obrázky miluje. Google Images zpracovává zhruba 10 % všech vyhledávání na Google a je jedním z nejpoužívanějších vyhledávacích nástrojů vůbec (zdroj: Backlinko).

Pokud optimalizujete obrázky jen "aby se web načítal rychleji", přicházíte o polovinu potenciálu. V roce 2026 musíme optimalizovat obrázky i pro Google Lens (vizuální vyhledávání) a Multimodální AI (Gemini, ChatGPT), která "vidí", co na obrázku je.

V tomto článku vám odhalím strategii, jak z obrázků udělat vaši konkurenční výhodu.

Proč na obrázcích záleží (víc než si myslíte)

1. Rychlost a Core Web Vitals

LCP (Largest Contentful Paint) je metrika, která měří, jak rychle se načte největší prvek na stránce. V 90 % případů je to hlavní (Hero) obrázek.

Pokud máte neoptimalizovaný Hero banner, nikdy neprojdete Core Web Vitals testem. A to znamená horší ranking.

2. Vizuální vyhledávání

Gen Z nehledá textem. Namíří telefon na boty, které se jim líbí na ulici, a Google Lens jim najde e-shop, kde se dají koupit. Měsíčně proběhne přes 20 miliard vizuálních vyhledávání přes Google Lens (zdroj: Sixth City Marketing).

Pokud nemáte ostré fotky s popisnými daty, v tomto vyhledávání neexistujete.

3. Přístupnost (Accessibility)

V červnu 2025 vstoupil v platnost Evropský zákon o přístupnosti (EAA). Weby bez alternativních textů u obrázků jsou nyní nejen "špatné pro SEO", ale mohou čelit právním důsledkům.

Formáty 2026: Zapomeňte na JPG

Pokud stále ukládáte fotky jako JPG, žijete v minulosti.

WebP: Nový standard

WebP (od Google) je standardem. Je o 30 % menší než JPG při stejné kvalitě a podporuje průhlednost (jako PNG). Podpora prohlížečů: 95 % (zdroj: caniuse.com).

AVIF: Budoucnost je tady

AVIF je formát nové generace (od Netflixu). Je o dalších 20 % menší než WebP a má lepší podání barev (HDR). Podpora prohlížečů: 94 % (zdroj: caniuse.com).

Doporučená strategie: Používejte formát <picture>, který servíruje AVIF moderním prohlížečům a WebP těm starším (fallback).

<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Popis obrázku pro SEO" width="800" height="600">
</picture>

4 pilíře optimalizace obrázků

1. Rozměry: Nikdy nenačítejte větší, než je nutné

Nejčastější chyba? Grafik nahraje fotku z foťáku (4000px šířka) do článku, kde se zobrazuje v šířce 800px. Prohlížeč musí stáhnout 5 MB dat a pak je složitě zmenšit.

Řešení: Responsive Images (srcset) Řekněte prohlížeči: "Tady máš 3 verze obrázku (malý, střední, velký). Vyber si ten, který sedí na displej uživatele."

<img src="small.jpg"
     srcset="small.jpg 500w, medium.jpg 1000w, large.jpg 2000w"
     sizes="(max-width: 600px) 100vw, 50vw"
     alt="Produkt XYZ">

WordPress a Shoptet to dělají automaticky. Pokud máte custom web, tlačte na vývojáře.

2. Komprese: Neviditelná dieta

Obrázek můžete zmenšit o 70 % bez viditelné ztráty kvality. Lidské oko nepozná rozdíl mezi kvalitou 100 % a 80 %. Počítač ano (velikost souboru klesne drasticky).

Nástroje:

• Squoosh.app (od Google, zdarma): Pro ruční optimalizaci. Vidíte posuvník "před/po".
• ShortPixel / Imagify (pro WordPress): Automaticky komprimují vše při nahrání.
• TinyPNG: Klasika, funguje skvěle i pro WebP.

3. Názvy souborů (File Names)

IMG_8532.jpg Googlu nic neřekne. cervene-damske-lodicky-nike.avif říká vše.

Přejmenujte fotky PŘED nahráním na web. Používejte pomlčky, ne podtržítka. Žádná diakritika.

4. Alternativní text (atribut alt)

Toto je text, který přečte čtečka pro nevidomé a který Google používá k pochopení obsahu.

• Špatně: "boty" (moc obecné)
• Špatně: "červené boty boty boty výprodej sleva" (spam)
• Správně: "Dámské červené lodičky Nike Air na vysokém podpatku" (popisné)

Pro Tip: Pokud je obrázek jen dekorace (čára, pozadí), nechte alternativní text prázdný (alt=""). Tím čtečce řeknete "přeskoč mě".

Lazy Loading vs. Eager Loading

Lazy Loading znamená, že se obrázek načte až ve chvíli, kdy k němu uživatel doscrolluje. Dříve se to dělalo Javascriptem. Dnes je to nativní funkce prohlížeče: <img loading="lazy">.

Pozor na Hero sekci! Obrázek, který je vidět HNED po načtení (Above the Fold), nesmí mít loading="lazy". To by zpomalilo LCP.

Pro Hero obrázky použijte: <img loading="eager" fetchpriority="high">

AI generované obrázky: Nová éra

V roce 2026 je běžné používat obrázky z Midjourney nebo DALL-E 3. Google s tím nemá problém, POKUD jsou kvalitní a relevantní.

Výhody:

• Unikátní obsah (Google nemá rád fotobanky, které jsou na 1000 jiných webech).
• Přesně na míru textu.

Rizika:

• Prsty: Zkontrolujte, zda lidé nemají 6 prstů. AI se stále učí.
• Text v obrázku: AI generovaný text v obrázku je často nesmyslný.
• Metadata: Google začíná vyžadovat označení AI obsahu (C2PA standardy). Zatím to není ranking faktor, ale buďte transparentní.

Image CDN (Content Delivery Network)

Pokud máte e-shop s tisíci produkty a mezinárodním přesahem, vlastní server na obrázky nestačí. Potřebujete Image CDN (například Cloudinary, Imgix, BunnyCDN).

Co to dělá?

1. Detekce zařízení: Zjistí, že uživatel je na mobilu a má pomalý internet. Pošle mu malý, vysoce komprimovaný obrázek.
2. Detekce formátu: Zjistí, že prohlížeč umí AVIF. Pošle AVIF. Pokud ne, pošle WebP.
3. Rychlost: Obrázek se stahuje ze serveru, který je fyzicky blízko uživateli (Praha, ne New York).

Pro velké weby je Image CDN nutnost, ne luxus.

Závěr: Ostrý obraz a dobrý zvuk

Optimalizace obrázků je technická disciplína s uměleckým přesahem. Chceme, aby fotky vypadaly úchvatně (pro lidi), ale vážily nic (pro roboty).

S nástroji jako Squoosh, WebP/AVIF a Lazy-loading to dnes zvládne každý.

Nenechte svůj krásný web brzdit tlustými obrázky.

Máte web plný "těžkých vah"?

Provedu audit vašich obrázků. Zjistím, které brzdí web, navrhnu proces automatické komprese a zrychlím váš web o sekundy.

Chci technický audit obrázků ->

Související články

• Core Web Vitals a LCP
• Technické SEO audit
• Produktové stránky pro e-shopy
• Schema Markup pro obrázky

Často kladené otázky (FAQ)

1. Zhorší komprese kvalitu fotek?

Při správném nastavení (Lossy komprese, kvalita 80-85 %) lidské oko nepozná rozdíl. U produktových fotek buďte opatrní, u ilustračních můžete být agresivnější.

2. Mám použít plugin na kompresi ve WordPressu?

Ano, je to nejjednodušší cesta. Doporučuji ShortPixel nebo EWWW Image Optimizer. Nastavte automatickou konverzi do WebP.

3. Co je to SVG a kdy ho použít?

SVG je vektorový formát (matematický zápis křivek). Je ideální pro loga, ikony a jednoduchou grafiku. Je nekonečně ostrý při jakémkoliv zvětšení a má zanedbatelnou velikost (kB). Pro fotky se nehodí.

4. Jak na obrázky z fotobank (Shutterstock)?

Nikdy je nenahrávejte tak, jak je stáhnete (často mají 10 MB+). Vždy je zmenšete, ořízněte, přejmenujte a zkomprimujte. A pozor: Google pozná fotky z fotobank. Vlastní autentická fotka z mobilu má pro SEO větší hodnotu než dokonalá fotka z banky.

5. Indexuje Google text v obrázku?

Ano, pomocí AI (OCR) umí přečíst text v obrázku. Ale je to mnohem méně spolehlivé než HTML text. Nikdy nedávejte důležitý obsah (nadpisy, menu) jen do obrázku.

Autorka: SEO specialistka s roky zkušeností. Pomáhá webům hubnout do plavek.

Vyzkoušejte kvalitu mé práce Získejte 1 článek ZDARMA na obsahovém webu s DA50+.

O autorce

SEO specialistka s roky zkušeností v oboru. Pomohla firmám zlepšit jejich viditelnost v Google. Specializuje se na technické SEO, obsahový marketing a budování odkazů.

Kontaktujte nás | Další články