Jak velké mají být fotky na webu a proč ne rovnou z telefonu

Fotky jsou na webu malé firmy často to nejpřesvědčivější, co na něm je. Zároveň patří k tomu nejtěžšímu, co si stránka stahuje. Pokud je nahrajete rovnou z telefonu, načítá se stránka na mobilu zbytečně dlouho.

Týká se to hlavně webů s galerií realizací nebo s fotkami výrobků, které si doplňujete sami. Článek ukazuje, kolik pixelů a kilobajtů fotka na webu potřebuje a jak ji před nahráním připravit.

Kolik dat má fotka z telefonu

Novější iPhony fotí hlavním fotoaparátem ve výchozím nastavení s rozlišením 24 Mpx (Apple, září 2026). Při poměru stran 4 : 3 je to přes 5 600 px na šířku. Fotky z telefonů Samsung Galaxy S23 a S24, které byly změřeny pro tento článek, měly 4 000 × 3 000 px, tedy 12 Mpx.

Měřilo se pět takových fotek, které jejich autoři zveřejnili na Wikimedia Commons jako volné dílo (CC0). Originály měly 2,2–4,8 MB. Snímek průčelí MacNevenova paláce v Praze měl 4,2 MB. Po zmenšení na šířku 1 600 px a uložení ve formátu JPEG s kvalitou 80 měl 0,44 MB, tedy zhruba desetinu. U ostatních čtyř fotek vyšlo 8–10 % původní velikosti.

Při rychlosti 10 Mbit/s se originál stahuje 3,4 s a zmenšená verze 0,35 s (výpočet: velikost souboru v bitech dělená rychlostí připojení). Rychlost 10 Mbit/s je přitom výrazně nižší, než jakou má běžné mobilní připojení: medián rychlosti v Česku byl podle Ookla 92 Mbit/s (Speedtest Global Index, srpen 2026). Nástroj PageSpeed Insights, kterým Google měří rychlost stránek, ale zkouší mobilní verzi stránky na simulovaném připojení 1,6 Mbit/s (Lighthouse, září 2026). Podle stejného výpočtu by se tam samotný originál fotky stahoval přes 20 sekund.

Medián úvodních stránek na mobilu byl v červenci 2025 podle HTTP Archive 2,6 MB a obrázky z toho tvořily 911 kB, víc než HTML, styly, písma a JavaScript dohromady (Web Almanac 2025, leden 2026). Samotná fotka paláce by tedy vážila víc než celá běžná úvodní stránka.

Kolik pixelů obrazovka ukáže

Displej iPhonu 17 má na šířku 1 206 px (Apple, září 2026). Nejčastější rozlišení počítačových obrazovek v Česku je 1 920 × 1 080 px (StatCounter, srpen 2026). Fotka široká 4 000 px má tedy na šířku víc než trojnásobek toho, co ukáže displej telefonu, a víc než dvojnásobek toho, co ukáže obrazovka Full HD. Prohlížeč ji před zobrazením stejně zmenší, ale až poté, co stáhne celý soubor.

Fotka na stránce navíc obvykle nevyplní celou šířku obrazovky, protože stojí vedle textu nebo v galerii. Pro takové fotky stačí šířka 1 600 px, a to i na displejích s jemným rozlišením. Fotka přes celou šířku stránky může mít kolem 2 000 px.

JPEG, WebP, nebo AVIF

Nejbezpečnější formát pro fotky je JPEG, který zobrazí každý prohlížeč. Novější WebP dává podle Googlu při srovnatelné kvalitě o 25–34 % menší soubory (Google, srpen 2025) a zobrazí ho prohlížeče u 96,8 % uživatelů (caniuse.com, září 2026). AVIF, který bývá ještě úspornější, zobrazí prohlížeče u 95,4 % uživatelů (caniuse.com, září 2026).

Formát PNG se hodí na loga a grafiku s ostrými hranami, na fotky ne. Ukazuje to i fotka paláce zmenšená na šířku 1 600 px:

Formát	Velikost fotky paláce
JPEG s kvalitou 80	0,44 MB
WebP s kvalitou 80	0,35 MB
PNG	3,2 MB

Zvláštní případ je formát HEIF (soubory s příponou .heic), do kterého iPhone fotí v doporučeném nastavení (Apple, prosinec 2025). Z běžných prohlížečů ho zobrazí jen Safari (caniuse.com, září 2026). Na web ho proto převeďte do JPEG nebo WebP. Na iPhonu můžete také v Nastavení → Fotoaparát → Formáty zvolit Nejkompatibilnější a fotoaparát pak ukládá JPEG.

Poloha a další údaje uložené ve fotce

Soubor z telefonu nese kromě obrazu i metadata, například datum pořízení a typ telefonu. Pokud má fotoaparát povolenou polohu, zapisuje do každé fotky i souřadnice místa, kde vznikla. Kdo fotku dostane, může je zjistit (Apple, říjen 2025). U fotky hotové koupelny od zákazníka jsou to souřadnice jeho domu.

Na iPhonu vypnete polohu při sdílení v nabídce Volby. Případně ji u fotky odeberete v aplikaci Fotky volbou Upravit polohu → Bez polohy. Telefony Samsung mají podobnou volbu při sdílení z Galerie (Samsung).

Co má zařídit web

Některé věci má na starosti ten, kdo web staví. Web může mít každou fotku uloženou v několika šířkách. Prohlížeč si pak podle obrazovky stáhne nejmenší, která stačí. V kódu stránky to zařizují atributy srcset a sizes (MDN, listopad 2025).

Fotky níž na stránce se mají načítat až ve chvíli, kdy se k nim návštěvník blíží (loading="lazy"). Hlavní fotku nahoře naopak prohlížeč potřebuje hned, jinak se zdrží zobrazení stránky (web.dev, srpen 2024). Podle HTTP Archive přesto zhruba 16 % stránek načítá odloženě právě ji (Web Almanac 2025, leden 2026). Jak Google rychlost stránky hodnotí, popisuje článek o CDN a rychlosti webu.

Každá fotka má mít i krátký textový popis v atributu alt. Nevidomému návštěvníkovi ho přečte čtečka obrazovky. Google podle něj spolu s obsahem stránky pozná, co na fotce je (Google, březen 2026).

Postup před nahráním fotky

Pokud fotky na web dodáváte sami, postupujte v pěti krocích:

1. Vyberte a ořízněte. Okraje, na kterých nic podstatného není, ořízněte hned. Soubor se tím také zmenší.
2. Zmenšete na šířku 1 600 px. Fotku přes celou šířku stránky zmenšete na 2 000 px.
3. Uložte jako JPEG s kvalitou kolem 80, nebo jako WebP. Výsledek má mít stovky kilobajtů, ne megabajty.
4. Odeberte polohu. Záleží na tom hlavně u fotek pořízených u zákazníků doma.
5. Pojmenujte soubor a připište popis. Stačí název jako koupelna-obklad-brno.jpg a jedna věta o tom, co fotka ukazuje.

Kroky 2 a 3 zvládnete zdarma v prohlížeči nástrojem Squoosh. Fotku přitom neodesílá na server, ale zpracuje ji přímo v počítači (GitHub, září 2026).

Jak to řeší Webrenovace

Web, který běží u nás, může mít i s fotkami 1 GB. Fotky před nasazením zmenšujeme, takže se do něj vejdou tisíce fotografií. Přednost mají vaše vlastní fotky. Měníte je pak v editoru stejně jako texty a ceny. Dva návrhy nového webu vám postavíme zdarma. Platíte, až si jeden vyberete.

Časté otázky

Kolik kilobajtů má mít fotka na webu?

Záleží na tom, co je na fotce. Fotka široká 1 600 px ale mívá v JPEG s kvalitou 80 stovky kilobajtů. U pěti fotek změřených pro tento článek to bylo 229–439 kB, ve WebP 126–352 kB. Pokud má zmenšená fotka přes půl megabajtu, snižte kvalitu nebo zkuste WebP.

Zhorší zmenšení kvalitu fotky?

Na obrazovce ji nezhorší, pokud má fotka aspoň tolik pixelů, kolik jich na displeji zabírá. Velkou fotku prohlížeč stejně zmenšuje, jen až u návštěvníka a po stažení celého souboru. Originál si schovejte pro tisk nebo pozdější úpravy.

Co dělat s fotkou z iPhonu ve formátu HEIC?

Převeďte ji do JPEG, protože HEIC z běžných prohlížečů zobrazí jen Safari. Na Macu fotku otevřete v aplikaci Fotky nebo Náhled a zvolte Soubor → Exportovat (Apple). Pro další fotky můžete fotoaparát přepnout na formát Nejkompatibilnější, který ukládá JPEG.

Je potřeba zmenšovat i fotky do galerie?

Je. Galerie obvykle ukazuje menší náhledy a velkou fotku až po kliknutí. Pokud ale web náhledy sám nevytváří, stahuje návštěvník všechny fotky v plné velikosti. Dvanáct fotek, jako je ta z paláce, má dohromady přes 50 MB.