Jak zmenšit obrázky pro web (správné velikosti v px i KB)
Správná velikost obrázků pro web je:
- hero obrázek: cca 1600–1920 px / 150–300 KB
- běžné obrázky: 800–1200 px / 50–150 KB
- malé obrázky: do 800 px / do 50 KB
👉 příliš velké obrázky zpomalují web a zhoršují SEO.
Proč řešit velikost obrázků
Velké obrázky způsobují:
- pomalé načítání
- vyšší odchodovost
- horší pozice ve vyhledávání
👉 rychlost webu přímo ovlivňuje počet zákazníků
Doporučené velikosti obrázků (px)
Hero obrázek
- šířka: 1600–1920 px
- výška: dle layoutu
👉 větší rozlišení nemá smysl
Obrázky v obsahu (např. „O mně“)
- šířka: 800–1200 px
👉 ideální pro rychlost i kvalitu
Náhledy a menší obrázky
- 400–800 px
👉 častá chyba: nahrávat zbytečně velké soubory
Full width obrázky
- max cca 1600 px
👉 víc je většinou zbytečné
Jak velké mají být obrázky v KB
Doporučené hodnoty:
- hero: 150–300 KB
- běžný obrázek: 50–150 KB
- malé obrázky: do 50 KB
👉 menší velikost = rychlejší web
Jak zmenšit obrázky (nejjednodušší způsob)
Použij online nástroj:
👉 iloveimg.com
Umožňuje:
- kompresi obrázků
- změnu velikosti
- oříznutí (crop)
- převod formátů
👉 rychlé řešení bez instalace
Automatická optimalizace ve WordPressu
Pokud používáš WordPress:
👉 plugin ShortPixel
Umí:
- automatickou kompresi
- převod do moderních formátů
- optimalizaci všech obrázků
👉 ideální pro dlouhodobé řešení
Jaký formát obrázků použít
Nejlepší formáty pro web:
- JPG – vhodný pro fotografie
- PNG – vhodný pro grafiku
- WebP – menší velikost, moderní standard
- AVIF – ještě menší než WebP, moderní formát
👉 doporučení:
- používat WebP
- případně AVIF
Nejčastější chyby
Nejčastější problémy:
- nahrávání obrázků přímo z mobilu (několik MB)
- žádná komprese
- špatné rozměry
- použití PNG místo JPG
👉 výsledek: pomalý web
Jak optimalizace obrázků ovlivňuje web
Správné obrázky:
- zrychlí načítání
- zlepší SEO
- sníží odchody návštěvníků
👉 často jeden z nejrychlejších způsobů, jak zlepšit výkon webu
Shrnutí
Pro správnou optimalizaci obrázků:
- nastav správné rozměry (px)
- hlídej velikost (KB)
- používej moderní formáty
- komprimuj obrázky
Chcete rychlý web bez starostí?
Podívejte se, jak probíhá 👉 tvorba webových stránek na míru
👉 Doporučení:
Pokud řešíte kvalitu webu, přečtěte si 👉 jak poznat kvalitní webové stránky
Pokud chcete vědět, co musí web obsahovat 👉 co musí obsahovat web, aby přiváděl zákazníky
Působím také v těchto lokalitách:
• Tvorba webu Kladno • Tvorba webu Rakovník • Tvorba webu Praha • Tvorba webu Pardubice • Tvorba webu Hradec Králové • Tvorba webu Turnov • Tvorba webu Jičín • Tvorba webu Mladá Boleslav •Tvorba webu Liberec • Tvorba webu pro živnostníky a firmy •