Obrázky podle dat HTTP Archive z roku 2024 tvoří téměř 40 % váhy běžné webové stránky na desktopu a 39 % na mobilu, a proto komprese obrázků patří mezi nejrychlejší způsoby, jak web zrychlit. Fotky a grafiku jde zmenšit bez ztráty kvality, správnou volbou formátu mezi JPG, PNG, WebP a AVIF i technikami, které pomáhají SEO a hodnocení Core Web Vitals.
Co je komprese obrázků a proč ovlivňuje SEO
Komprese obrázků je proces, který zmenší velikost obrazového souboru v kilobajtech, aniž by se výrazně změnil jeho vzhled. Menší soubor se rychleji stáhne do prohlížeče, stránka se dřív vykreslí a Google i uživatelé to vnímají jako lepší zážitek z prohlížení webu.
Řádná komprimace obrázků patří mezi technická opatření, která zvládne i běžný správce webu bez znalosti programování. Stačí vybrat vhodný nástroj a nastavit ho tak, aby se komprese prováděla automaticky při nahrání nové fotky.
Obsah
Jak souvisí velikost obrázků s rychlostí webu a Core Web Vitals
Google měří rychlost pomocí sady metrik Core Web Vitals, přičemž jednou z nejdůležitějších je LCP neboli Largest Contentful Paint, tedy jak rychle se vykreslí největší prvek na obrazovce, a tím bývá velký obrázek v úvodu stránky. Google považuje za dobrou hodnotu čas do 2,5 sekundy, delší čas hodnocení rychlosti srazí dolů.
Obrázky přitom tvoří přibližně 40 % váhy desktopové a 39 % mobilní stránky (HTTP Archive Web Almanac 2024), a jejich optimalizace proto patří k nejúčinnějším krokům pro splnění limitu LCP.
Ztrátová a bezztrátová komprese obrázků
Ztrátová komprese trvale odstraní část obrazových dat, které lidské oko téměř nerozezná. Používá se hlavně u fotografií ve formátu JPG, kde drobná ztráta detailu nevadí a úspora velikosti je citelná.
Bezztrátová komprese naopak zachová všechna původní data a jen efektivněji zapíše soubor na disk. Volí se pro grafiku s ostrými hranami, loga či obrázky s průhledností ve formátu PNG, kde by ztráta detailu byla vidět na první pohled.
Komprimace JPG, PNG a dalších formátů krok za krokem
Komprimace jpg patří mezi nejčastější úkony při přípravě obrázků na web, protože právě ve formátu JPG se ukládá většina fotografií. Než fotku nahrajete, vždy ji projděte kompresním nástrojem. Samotná komprese jpg obvykle znamená volbu kvality mezi 60 a 80 procenty, v tomto rozmezí je úspora nejvýraznější a rozdíl v ostrosti si běžný návštěvník nevšimne.
Zmenšení JPG a jak zvolit správnou kvalitu
Zmenšení jpg pomocí nižší kvality funguje nejlépe u fotografií s hodně detaily, například příroda či textury. U fotek s velkými plochami jedné barvy volte kvalitu vyšší, jinak se objeví artefakty. Osvědčený postup, jak zmenšit velikost jpg, je nastavit kvalitu na 75 procent jako výchozí a u problematických fotek ji ručně doladit.
Komprese PNG a kdy tento formát použít
Formát PNG se hodí pro loga, ikony, screenshoty a grafiku s průhledným pozadím, protože zachovává ostré hrany a nerozmazává text. Pro fotografie se PNG nedoporučuje, soubor vychází mnohonásobně větší než stejný snímek jako JPG.
WebP a AVIF, nové formáty pro menší soubory
Formáty WebP a AVIF nabízejí lepší poměr kvality a velikosti souboru než starší JPG či PNG. Podle dat serveru caniuse.com z 5. 9. 2026 podporuje WebP celosvětově 96,82 % prohlížečů a AVIF 95,36 %, takže je dnes bez obav nasadit i na běžný web.
WebP vs JPG. Při stejné vizuální kvalitě je soubor ve formátu WebP obvykle o desítky procent menší než odpovídající JPG.
Nejlepší nástroje pro kompresi obrázků online i offline
Pokud vás čeká rychlá komprese fotek, stačí webový prohlížeč, žádný program instalovat nemusíte. Vedle online nástrojů existuje i řada pluginů a aplikací, které komprimace fotek zvládnou hromadně.
Přehled níže srovnává nejpoužívanější řešení podle typu, podporovaných formátů, možnosti dávkového zpracování a ceny.
| Nástroj | Typ | Podporované formáty | Dávkové zpracování | Cena |
|---|---|---|---|---|
| OptiBot Image Compressor | Online | JPG, PNG, GIF | Ano | Zdarma |
| TinyPNG | Online | JPG, PNG, WebP | Ano, v omezeném počtu | Zdarma, placené tarify pro API |
| Squoosh | Online | JPG, PNG, WebP, AVIF | Ne, po jednom souboru | Zdarma |
| WP Smush | Plugin pro WordPress | JPG, PNG, GIF | Ano | Zdarma, verze Pro placená |
| Obrázkobot | Online, český nástroj | JPG, PNG, WebP, AVIF | Ano | Zdarma |
| Nero AI | Desktop i online | JPG, PNG, WebP | Ano | Placené, zkušební verze zdarma |
OptiBot Image Compressor je náš vlastní online kompresor fungující přímo v prohlížeči bez instalace, zvládá dávkové zpracování a pracuje s formáty JPG, PNG a GIF, takže ho zdarma využijete i pro celou fotogalerii.
Online kompresory obrázků zdarma
Pokud hledáte komprese obrázků online bez instalace čehokoliv, stačí soubor přetáhnout do okna prohlížeče a stáhnout zmenšenou verzi. Stejně funguje i zmenšení fotek online u většiny výše uvedených nástrojů.
Než na cizí server nahrajete firemní fotky, ověřte si jeho zásady ochrany osobních údajů. U citlivých či produktových snímků raději zvolte nástroj, který soubory po zpracování maže a nepoužívá je jinak.
Nástroje a pluginy pro WordPress a e-shopy
Provozovatelé webů na WordPressu často řeší SEO pro WordPress komplexně, komprese obrázků je jen jednou součástí. Plugin WP Smush obrázek zkomprimuje automaticky hned při nahrání do administrace. Podobně fungují pluginy ShortPixel a Imagify, které navíc umí převod do WebP.
U e-shopů s tisíci produktovými fotkami se dávkové zpracování stává nutností, viz i naše doporučení pro SEO pro e-shop. Z vlastní zkušenosti víme, že právě u takových webů přinese hromadná komprese nejrychlejší a nejviditelnější zrychlení.
Zmenšení velikosti obrázku, nebo změna rozměrů
Mnoho lidí si plete dvě různé věci. Zmenšení velikosti obrázku znamená zmenšit velikost souboru v kilobajtech pomocí komprese, zatímco změna rozměrů mění počet pixelů na šířku a výšku. Zmenšení obrázku bez úpravy rozměrů často nestačí, u velké fotky se vyplatí spojit obojí. Právě zmenšení obrázků napříč celým webem dokáže znatelně zrychlit načítání, a pokud chcete zmenšit velikost obrázku rychle, stačí kombinace obou kroků z předchozích kapitol.
Než začnete cokoliv upravovat, ověřte si aktuální stav svých obrázků podle tohoto přehledu.
- V prohlížeči klikněte pravým tlačítkem na obrázek a zvolte možnost zobrazit jeho vlastnosti či informace o souboru.
- Otevřete nástroje pro vývojáře klávesou F12, přepněte se na záložku Síť a znovu načtěte stránku, u každého obrázku uvidíte jeho velikost v kilobajtech.
- Nahrajte podezřelý soubor do online kompresoru, ten ihned ukáže původní i novou velikost a procento úspory.
Jak zmenšit velikost fotky bez ztráty kvality
Chcete-li zmenšit velikost fotky, nejprve zmenšete její rozměry na skutečnou zobrazovanou šířku, teprve poté aplikujte kompresi. Fotka o šířce 4000 pixelů pro plochu širokou 800 pixelů je vždy zbytečně velká, ať už ji komprimujete sebelépe. Výsledek porovnejte s originálem a teprve pak ho nahrajte na web.
Doporučené rozměry a velikost obrázků pro web v kB
Pro běžný obrázek na webu, například fotka u článku o šířce kolem 1900 pixelů, je vhodným cílem velikost souboru přibližně 100 až 300 kB. Pro srovnání, medián váhy jednoho obrázku na reálné stránce v roce 2024 dosahoval 1 054 kB na desktopu a 900 kB na mobilu (HTTP Archive Web Almanac). Rozdíl mezi doporučením a realitou většiny webů je propastný.
Optimalizace obrázků pro web a další kroky pro SEO
Optimalizace obrázků pro web nekončí kompresí souboru, jde o kroky od pojmenování souboru přes alt text až po způsob načítání. Proto se optimalizace obrázků pro seo řadí mezi standardní součásti technického auditu webu, podobně jako on-page faktory SEO.
Alt text a název souboru obrázku pro SEO
Alt text popisuje obsah obrázku pro vyhledávače i pro nevidomé uživatele čtecích zařízení, měl by proto být krátký a konkrétní, bez zbytečného vkládání klíčových slov. Název souboru by měl obsahovat výstižná slova oddělená pomlčkami místo generického čísla z fotoaparátu, tyto drobnosti jsou součástí širšího SEO copywritingu.
Lazy loading a responzivní obrázky
Lazy loading zajistí, že se obrázky mimo výřez obrazovky načtou až při scrollování, čímž se zrychlí vykreslení stránky. Responzivní obrázky pomocí atributu srcset zase nabídnou prohlížeči verzi souboru v odpovídající velikosti, aby si mobil stáhl menší verzi než monitor. Většina redakčních systémů a pluginů to řeší automaticky.
CDN a další páky pro rychlejší web
Síť CDN uloží kopie obrázků na servery blíž návštěvníkovi a zkrátí tak dobu jejich stažení, v kombinaci se správnou kompresí patří k dalším krokům, jak posunout rychlost načítání webu na vyšší úroveň. Komplexní řešení pro celý web nabízí obsahový sprint, který spojí obsah i techniku webu dohromady.
Zajímavá fakta a tipy o kompresi a optimalizaci obrázků
Čtyři ověřená čísla níže ukazují, proč se optimalizaci obrázků vyplatí věnovat čas.
- Obrázky tvoří přibližně 40 % váhy stránky na desktopu a 39 % na mobilu, medián váhy jednoho obrázku dosahuje 1 054 kB na desktopu a 900 kB na mobilu (HTTP Archive Web Almanac 2024).
- Formát WebP podporuje 96,82 % prohlížečů a formát AVIF 95,36 % prohlížečů celosvětově (caniuse.com, ověřeno 5. 9. 2026).
- Přestože WebP podporuje téměř každý prohlížeč, reálně tvoří jen asi 12 % obrázků na mobilních stránkách a AVIF necelé 1 %, takže naprostá většina webů tuto úsporu vůbec nevyužívá (Web Almanac 2024).
- Google považuje hodnotu metriky LCP do 2,5 sekundy za dobrou, delší čas snižuje hodnocení rychlosti stránky (web.dev/articles/lcp).
Checklist, 6 kroků jak ověřit, že máte obrázky na webu optimalizované
- Zkontrolujte v nástrojích pro vývojáře, kolik kilobajtů váží tři nejtěžší obrázky na hlavní stránce.
- Ověřte, že fotky mají rozměry odpovídající skutečné zobrazované velikosti, ne originál z fotoaparátu.
- Zkontrolujte, zda web obsahu nabízí formáty WebP nebo AVIF alespoň u nejvytíženějších stránek.
- Projděte několik obrázků a ověřte, že mají vyplněný smysluplný alt text a název souboru.
- Ověřte, že se obrázky mimo první obrazovku načítají až při scrollování, tedy že je zapnutý lazy loading.
- Změřte hodnotu LCP pomocí nástroje jako SEOTest.online a porovnejte ji s doporučeným limitem 2,5 sekundy.
Opakování checklistu jednou za pár měsíců pomůže odhalit nově přidané fotky, které do webu proklouzly bez komprese.
Nejčastější otázky o kompresi obrázků
Komprese obrázku je úprava, která zmenší velikost souboru v kilobajtech při zachování vizuálně téměř totožného vzhledu. Provádí se buď ztrátovým, nebo bezztrátovým způsobem podle typu obrázku.
Nejjednodušší cestou je nahrát soubor do online kompresoru, například OptiBot Image Compressor či TinyPNG, ten během pár vteřin vrátí zmenšenou verzi ke stažení. Pro hromadné zpracování se hodí plugin či desktopová aplikace.
Fotku nejprve zmenšete na rozměry odpovídající skutečnému zobrazení na webu a poté ji zkomprimujte s kvalitou kolem 75 procent, čímž velikost klesne na stovky kilobajtů.
Rozlišení, tedy počet pixelů na šířku a výšku, změníte ve fotoeditoru či v online nástroji funkcí resize, kde zadáte novou šířku a výšku bez ovlivnění samotné komprese.
Velikost pro web se obvykle myslí váha souboru v kilobajtech, zatímco velikost v pixelech popisuje rozměry obrázku na šířku a výšku. Obě hodnoty spolu souvisí, ale mění se nezávisle na sobě.
Velikost fotky v megabajtech snížíte kombinací zmenšení rozměrů a komprese, u fotky z mobilního telefonu tak z několika megabajtů zbydou stovky kilobajtů bez viditelné ztráty kvality.
Chcete-li zmenšit velikost souboru jpg, nahrajte fotku do libovolného online kompresoru a nastavte kvalitu kolem 75 procent.
Pokud chcete zmenšit obrázek a přitom neztratit viditelnou kvalitu, zvolte mírnou úroveň komprese kolem 75 až 80 procent a výsledek vždy porovnejte s originálem v plné velikosti na obrazovce.
Komprese a optimalizace obrázků patří k technickým úpravám, které se vyplatí řešit spolu s dalšími faktory rychlosti, ať jde o kód stránky, hosting či strukturu webu. Širší kontext najdete v přehledu co je SEO i v tom, jak rychlost webu ovlivňuje konverzní poměr a zvýšení návštěvnosti webu. Komplexní pohled na stav webu pak nabídne SEO analýza webu.
Vlastní fotografie pro web najdete v seznamu 40 nejlepších fotobank zdarma, výsledky je pak dobré sledovat přes měření úspěchu SEO. Pro weby cílené i na AI vyhledávání se hodí téma technická optimalizace webu pro AI, kam patří i rychlost stránek.
Pokud si na kompresi a optimalizaci obrázků netroufáte sami, pomůžou i další SEO služby na míru vašemu webu. Řešením může být i bezplatná konzultace přímo s naším SEO specialistou.
