Rýchlosť · 24. 10. 2026

Veľké obrázky spomaľujú web. Čo váš návštevník sťahuje zbytočne?

Na web pridáte novú fotku produktu, tímu alebo realizácie. V editore upravíte jej šírku, zarovnáte ju k textu a uložíte stránku. Vyzerá presne tak, ako má.

Fotka však môže na obrazovke zaberať málo miesta a pritom predstavovať veľký objem dát na stiahnutie. Návštevník potom čaká aj na detaily, ktoré pri bežnom prezeraní vôbec nevyužije. Tomu sa dá predísť optimalizáciou obrázkov.

Malý obrázok na stránke môže byť veľký súbor

Pri obrázkoch sa pod slovom „veľkosť“ skrývajú rôzne veci:

• Rozmery súboru v pixeloch: napríklad 4 000 × 3 000 pixelov.
• Veľkosť súboru v kB alebo MB: koľko dát treba preniesť.
• Veľkosť zobrazenia: aký priestor obrázok zaberá na stránke.

Predstavte si fotku širokú 4 000 pixelov, ktorú na webe zobrazujete ako malý náhľad. Ak stránka načítava tento veľký súbor, prehliadač ho musí stiahnuť, aj keď ho následne zobrazí zmenšený.

Samotné zmenšenie šírky v editore ešte nemusí znížiť množstvo prenášaných dát. Rozhoduje, akú verziu obrázka web návštevníkovi skutočne pošle.

Prečo sa to prejaví najmä na mobile

Zbytočne veľké súbory predlžujú sťahovanie obrázkov. Na pomalšom pripojení to návštevník pocíti výraznejšie: text sa už môže zobrazovať, no fotka produktu alebo úvodný obrázok sa ešte len načítava.

Ak je takýchto obrázkov na stránke viac, ich dátová záťaž sa sčítava.

Pri výbere rozmerov však treba zohľadniť aj jemnosť displeja. Mobil s malou obrazovkou môže na ostré zobrazenie potrebovať obrázok s vyšším rozlíšením, než naznačuje samotná šírka stránky.

Nevyrieši to WordPress automaticky?

WordPress pri nahrávaní obrázkov štandardne vytvára viacero rozmerových verzií. Podporuje aj ich ponúknutie prehliadaču, aby si mohol vybrať vhodný súbor.

Pri konkrétnom webe však treba overiť, či sa tieto možnosti správne používajú. Záleží na tom, ako obrázok vkladá téma, editor alebo použitý prvok stránky.

Existencia menšej verzie v knižnici médií preto ešte nepotvrdzuje, že ju návštevník aj dostáva.

Čo znamená upozornenie WP Doktora

Bezplatná diagnostika WP Doktor vie upozorniť na ťažké obrázky a ukázať odhad možnej dátovej úspory.

Takýto nález je podkladom na kontrolu: ktorý obrázok je zbytočne náročný a čo sa na ňom dá upraviť?

Odhad úspory dát nie je prísľubom rovnakého percentuálneho zrýchlenia celého webu. Výsledok závisí aj od ostatného obsahu, servera a spôsobu načítania stránky.

Ako sa obrázky optimalizujú

Pri optimalizácii sa posudzuje niekoľko vecí naraz:

• primerané rozlíšenie podľa použitia obrázka;
• vhodný formát, napríklad JPEG, WebP alebo AVIF;
• kompresia s kontrolou výslednej kvality;
• správny výber verzie pre jednotlivé zariadenia.

Neexistuje jedna ideálna veľkosť súboru pre všetky obrázky. Produktový náhľad, fotografia cez celú obrazovku a grafika s drobným textom majú rozdielne nároky.

Cieľom je zachovať potrebnú kvalitu a obmedziť zbytočný prenos dát.

Pomôžeme vám odľahčiť obrázky na webe

Upravíme ťažké obrázky, skontrolujeme ich zobrazenie na mobile aj počítači a výsledok overíme meraním.

Odľahčiť obrázky na webe Diagnostikovať web bezplatne

Zdroje: web.dev (obrázky v správnych rozmeroch, responzívne obrázky, výber formátu obrázka), WordPress (responzívne obrázky, podpora WebP, podpora AVIF)

Ďalšie články v Poradni

Rýchlosť Web má červené skóre v PageSpeed. Čo to znamená pre váš biznis? Červené číslo v PageSpeed Insights ešte neznamená stratených zákazníkov. Čo skóre hodnotí, prečo je mobil horší a čo má zmysel riešiť ako prvé. Čítať článok5 min čítania Technické SEO Obrázky bez alternatívneho textu: čo na vašom webe zostáva nevysvetlené? Obrázky bez alternatívneho textu môžu návštevníkom zamlčať dôležité informácie. Zistite, kedy alt text doplniť a kedy ho správne ponechať prázdny. Čítať článok5 min čítania