--- title: "Fotky na web: velikost, formát, popisky a práva | Socionet" description: Jaké fotky dát na web firmy, jak je zmenšit, jaký formát zvolit, jak napsat popisek obrázku a kdy potřebujete souhlas. Praktický postup se zdroji. image: https://socionet.cz/_astro/fotky-na-web.Csnd_yaa_wthhk.jpg --- ![Černobílá fotka prázdného rámečku instantní fotografie na modrém pozadí, nálepka říká Ukažte, co děláte.](https://socionet.cz/_astro/fotky-na-web.Csnd_yaa_Z1fOqhy.webp) # Fotky na web: jaké vybrat, jak velké mají být a na co si dát pozor Na web patří vlastní fotky z práce, zmenšené na velikost, v jaké se zobrazují, ve formátu WebP nebo JPEG a s popiskem. Fotky lidí potřebují jejich svolení a cizí fotky licenci. Projdeme postup od focení po nahrání. Autor: [Petr Hromádka](https://petrhromadka.cz/) Publikováno 13. listopadu 2026 4 minuty čtení **Na web patří vlastní fotky z práce, zmenšené na velikost, v jaké se zobrazují, ve formátu WebP nebo JPEG a s krátkým popiskem.** Fotky lidí potřebují jejich svolení a cizí fotky licenci. Fotka je často největší prvek stránky, a tak rozhoduje o tom, jak rychle se web načte i jak důvěryhodně působí. ## Jaké fotky vybrat Zákazník porovnává tři firmy a chce vidět, co dostane. Pořadí od nejlepšího: 1. **Fotky vaší práce.** Hotová koupelna, účes, jídlo, dílna. Stačí telefon, denní světlo a uklizené pozadí. 2. **Fotky provozovny a vozu.** Zákazník ví, kam přijde a co hledat. 3. **Fotky vás.** Jméno a tvář budují důvěru víc než jakákoli grafika. 4. **Fotobanka.** Jako doplněk, třeba pro obecnou ilustraci. Vyberte věc, ne usměvavý tým, který nikdo nezná. Obrázky vytvořené umělou inteligencí neukazují vaši skutečnou práci a zákazníka neinformují. Nepoužívejte je tam, kde má fotka něco dokazovat. ## Jak velké fotky na web dát Fotka z mobilu má několik megabajtů a pro web je zbytečně velká. Podle [Googlu](https://developers.google.com/search/docs/appearance/google-images) bývají obrázky největším přispěvatelem k velikosti stránky, a proto se vyplatí je optimalizovat. Orientační rozměry: | Kde fotka bude | Delší strana | | --- | --- | | přes celou šířku stránky | 1 600 až 2 000 px | | v textu nebo v kartě | 800 až 1 200 px | | náhled nebo logo | 400 px a méně | Zmenšení a převod do WebP zvládne [nástroj zdarma](https://socionet.cz/nastroje/prevod-obrazku-do-webp/) přímo v prohlížeči, fotky nikam neodesílá. Proč velké obrázky web zpomalují a jak to změřit, popisuje článek [Rychlost webu](https://socionet.cz/blog/rychlost-webu/). ## Jaký formát zvolit Google podporuje ve vyhledávání obrázky ve formátech BMP, GIF, JPEG, PNG, WebP, SVG a AVIF. V praxi: - **WebP nebo JPEG** pro fotografie, - **PNG** pro obrázky s průhledným pozadím, - **SVG** pro loga a ikony, - příponu souboru dávejte podle skutečného formátu, jak radí Google. ## Pojmenování a popisek Dvě věci pomáhají vyhledávačům i lidem se zrakovým postižením: - **Název souboru.** Google radí krátké popisné názvy: `nova-koupelna-kolin.webp` je lepší než `IMG00023.JPG`. - **Popisek obrázku (alt).** Podle Googlu je to nejdůležitější metadata obrázku. Pište stručně a informačně, co na fotce je, a nenatlačujte do něj klíčová slova. Google varuje, že vycpávání klíčovými slovy může web zařadit mezi spam. [Rozhodovací strom W3C](https://www.w3.org/WAI/tutorials/images/decision-tree/) říká, že čistě dekorativní obrázek má mít prázdný `alt`, aby ho čtečka obrazovky přeskočila. Informační fotografii popište krátce tak, aby bylo jasné, co sděluje. Víc o přístupnosti webu je v článku [Zákon o přístupnosti](https://socionet.cz/blog/zakon-o-pristupnosti/). ## Fotky lidí: svolení Podle [občanského zákoníku](https://www.zakonyprolidi.cz/cs/2012-89#p84) je možné zachytit podobu člověka tak, aby podle zobrazení bylo možné určit jeho totožnost, jen s jeho svolením (§ 84). Rozšiřovat podobu člověka, tedy i dát ji na web, je také možné jen s jeho svolením (§ 85). Svolení lze podle § 87 odvolat. Prakticky: - nechte si od zaměstnanců a zákazníků na fotce potvrdit, že mohou být na webu, nejlépe písemně nebo e‑mailem, - fotka, na které nikdo není rozpoznatelný (ruce při práci, hotový výrobek), obvykle problém nemá, - po odvolání svolení fotku z webu stáhněte. Fotografie rozpoznatelného člověka je osobní údaj, takže se na ni vztahují i pravidla GDPR. Co k tomu na webu uvést, vysvětluje [článek o GDPR a formuláři](https://socionet.cz/blog/gdpr-kontaktni-formular/). ## Fotky od jiných: licence Cizí fotku na web dát nesmíte jen proto, že ji najdete ve vyhledávači. Potřebujete svolení autora nebo licenci. Fotobanky licenci řeší za vás: - [Pexels](https://www.pexels.com/license/) uvádí, že fotky jde stáhnout a používat zdarma, uvedení autora není povinné a lze je upravovat. - Zakázáno je naznačit, že lidé nebo značky na snímku váš produkt doporučují, použít snímek jako součást ochranné známky nebo názvu firmy a rozpoznatelné osoby ukázat v nepříznivém světle. Přečtěte si licenci vždy u konkrétní fotky. Pokud licence není jasná, vyberte jinou. ## Co s fotkami udělat před nahráním 1. Nafotit víc, vybrat nejlepší. 2. Oříznout na téma a zmenšit. 3. Převést do WebP. 4. Pojmenovat soubor. 5. Napsat popisek. 6. Po nahrání web [zkontrolovat](https://socionet.cz/nastroje/kontrola-webu/) a [změřit rychlost](https://socionet.cz/nastroje/rychlost-webu/). ## Jak to máme my Fotky z vaší práce zmenšíme a převedeme do WebP a vložíme je s popisky. Pokud fotky nemáte, poradíme, co nafotit. Fotky lidí vkládáme jen se svolením, které si zajistíte vy. Orientační cena balíčku Start je 5 000 Kč a ukázku svého webu dostanete zdarma do 48 hodin, když nám [pošlete zadání](https://socionet.cz/kontakt/). ## Chcete to mít z krku? Postavíme vám web. Ukázku pošleme zdarma do 48 hodin. - [Web pro živnostníky](https://socionet.cz/web-pro-zivnostniky/) - [Převod obrázků do WebP](https://socionet.cz/nastroje/prevod-obrazku-do-webp/) - [Wish sets s orientačními cenami](https://socionet.cz/balicky/) - [Make a wish](https://socionet.cz/kontakt/) ## Časté otázky **Jaké fotky dát na web firmy?** Vlastní fotky z práce, provozovny a výsledků, na nichž je vidět, co zákazník dostane. Fotobanka se hodí na doplnění, ne jako náhrada. Fotky lidí potřebují jejich svolení. **Jak velké mají být fotky na webu?** Fotka přes celou šířku stránky stačí 1 600 až 2 000 px na delší straně, fotka v textu nebo kartě 800 až 1 200 px a náhled 400 px a méně. Fotka z mobilu má několik megabajtů, na web stačí zlomek. **Jaký formát obrázků zvolit pro web?** Google ve vyhledávání podporuje JPEG, PNG, WebP, AVIF, GIF, SVG a BMP. Pro fotky se nejčastěji používá WebP nebo JPEG, pro loga a ikony SVG. Převod do WebP zvládne nástroj zdarma přímo v prohlížeči. **Jak napsat popisek obrázku (alt text)?** Stručně popište, co je na fotce a proč tam je, třeba „Instalatér mění sifon pod dřezem“. Nenatlačujte tam klíčová slova. Čistě dekorativní obrázek má prázdný popisek, aby ho čtečka obrazovky přeskočila. **Smím na web dát fotku z internetu?** Jen s licencí nebo svolením autora. Fotobanky jako Pexels dovolují použití zdarma i pro firmu bez uvedení autora, ale zakazují například použít snímek jako součást ochranné známky nebo naznačit, že lidé na fotce váš produkt doporučují. ## Zdroje 1. [Google image SEO best practices](https://developers.google.com/search/docs/appearance/google-images), Google Search Central, 13. 11. 2026 2. [An alt Decision Tree](https://www.w3.org/WAI/tutorials/images/decision-tree/), W3C Web Accessibility Initiative, 13. 11. 2026 3. [Free Stock Photo & Video License](https://www.pexels.com/license/), Pexels, 13. 11. 2026 4. [Zákon č. 89/2012 Sb., občanský zákoník, § 84 až 87](https://www.zakonyprolidi.cz/cs/2012-89#p84), Zákony pro lidi Petr Hromádka Stavím weby pro živnostníky a malé firmy. Za každým webem Socionetu stojí jeden člověk, kterému napíšete napřímo. [Kdo stojí za Socionetem](https://socionet.cz/o-nas/) [petrhromadka.cz](https://petrhromadka.cz/) ## Čtěte dál ### [Rychlost webu: jak ji změřit za minutu a co s ní](https://socionet.cz/blog/rychlost-webu/) Pomalý web stojí zákazníky dřív, než si přečtou, co nabízíte. Ukážeme, jak rychlost změřit zdarma, jak číst výsledky a co s nimi udělat. 4\. listopadu 20264 minuty čtení ### [Kolik stojí redesign webu a kdy se vyplatí](https://socionet.cz/blog/kolik-stoji-redesign-webu/) Starý web se dá předělat za deset tisíc i za sto tisíc a obě částky mohou být správně. Rozdíl dělá to, co se při redesignu mění, a to, jestli se dodavatel postará o staré adresy, aby web neztratil pozice ve vyhledávání. 5\. listopadu 20266 minut čtení ### [Správa webu: co obnáší a kolik stojí](https://socionet.cz/blog/sprava-webu-cena/) Web po spuštění nežije sám. Potřebuje místo, kde běží, zálohy, aktualizace a občas změnit otevírací dobu. Rozebereme, co všechno správa webu znamená a kolik za ni zaplatíte. 4\. listopadu 20265 minut čtení [Všechny články](https://socionet.cz/blog/) ```json { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://socionet.cz/#organization", "name": "Socionet", "alternateName": "Socionet.cz", "url": "https://socionet.cz/", "description": "Socionet je česká značka pro tvorbu webových stránek pro živnostníky a malé firmy, kterou provozuje Petr Hromádka. Vše se řeší online a písemně, bez schůzek, a ukázku nového webu klient dostane zdarma do 48 hodin, dřív než cokoli zaplatí.", "logo": { "@type": "ImageObject", "url": "https://socionet.cz/icon-512.png", "width": 512, "height": 512 }, "founder": { "@id": "https://socionet.cz/#person" }, "email": "info@socionet.cz", "contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "email": "info@socionet.cz", "availableLanguage": [ "cs", "en" ], "areaServed": "CZ" }, "areaServed": { "@type": "Country", "name": "Česko", "sameAs": "https://www.wikidata.org/wiki/Q213" }, "knowsAbout": [ "Tvorba webových stránek", "Správa webu", "Redesign webu", "Astro", "WordPress" ], "hasOfferCatalog": { "@id": "https://socionet.cz/balicky/#catalog" } }, { "@type": "WebSite", "@id": "https://socionet.cz/#website", "url": "https://socionet.cz/", "name": "Socionet", "alternateName": "Socionet.cz", "inLanguage": [ "cs", "en" ], "publisher": { "@id": "https://socionet.cz/#organization" } }, { "@type": "WebPage", "@id": "https://socionet.cz/blog/fotky-na-web/#webpage", "url": "https://socionet.cz/blog/fotky-na-web/", "name": "Fotky na web: velikost, formát, popisky a práva | Socionet", "description": "Jaké fotky dát na web firmy, jak je zmenšit, jaký formát zvolit, jak napsat popisek obrázku a kdy potřebujete souhlas. Praktický postup se zdroji.", "inLanguage": "cs", "dateModified": "2026-11-13T03:08:29+01:00", "author": { "@id": "https://socionet.cz/#person" }, "isPartOf": { "@id": "https://socionet.cz/#website" }, "breadcrumb": { "@id": "https://socionet.cz/blog/fotky-na-web/#breadcrumb" }, "mainEntity": { "@id": "https://socionet.cz/blog/fotky-na-web/#article" } }, { "@type": "Person", "@id": "https://socionet.cz/#person", "name": "Petr Hromádka", "jobTitle": "Provozovatel Socionetu", "url": "https://petrhromadka.cz", "sameAs": [ "https://petrhromadka.cz", "https://github.com/petrhromadka" ], "worksFor": { "@id": "https://socionet.cz/#organization" } }, { "@type": "BlogPosting", "@id": "https://socionet.cz/blog/fotky-na-web/#article", "headline": "Fotky na web: jaké vybrat, jak velké mají být a na co si dát pozor", "description": "Jaké fotky dát na web firmy, jak je zmenšit, jaký formát zvolit, jak napsat popisek obrázku a kdy potřebujete souhlas. Praktický postup se zdroji.", "image": "https://socionet.cz/_astro/fotky-na-web.Csnd_yaa_wthhk.jpg", "datePublished": "2026-11-13T00:00:00+01:00", "dateModified": "2026-11-13T03:08:29+01:00", "inLanguage": "cs", "articleSection": "Jak na web", "author": { "@type": "Person", "@id": "https://socionet.cz/#person", "name": "Petr Hromádka", "url": "https://petrhromadka.cz" }, "publisher": { "@id": "https://socionet.cz/#organization" }, "isPartOf": { "@id": "https://socionet.cz/blog/#blog" }, "mainEntityOfPage": { "@id": "https://socionet.cz/blog/fotky-na-web/#webpage" }, "citation": [ { "@type": "CreativeWork", "name": "Google image SEO best practices", "url": "https://developers.google.com/search/docs/appearance/google-images" }, { "@type": "CreativeWork", "name": "An alt Decision Tree", "url": "https://www.w3.org/WAI/tutorials/images/decision-tree/" }, { "@type": "CreativeWork", "name": "Free Stock Photo & Video License", "url": "https://www.pexels.com/license/" }, { "@type": "CreativeWork", "name": "Zákon č. 89/2012 Sb., občanský zákoník, § 84 až 87", "url": "https://www.zakonyprolidi.cz/cs/2012-89#p84" } ] }, { "@type": "BreadcrumbList", "@id": "https://socionet.cz/blog/fotky-na-web/#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Úvod", "item": "https://socionet.cz/" }, { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://socionet.cz/blog/" }, { "@type": "ListItem", "position": 3, "name": "Fotky na web: jaké vybrat, jak velké mají být a na co si dát pozor", "item": "https://socionet.cz/blog/fotky-na-web/" } ] }, { "@type": "FAQPage", "@id": "https://socionet.cz/blog/fotky-na-web/#faq", "mainEntity": [ { "@type": "Question", "name": "Jaké fotky dát na web firmy?", "acceptedAnswer": { "@type": "Answer", "text": "Vlastní fotky z práce, provozovny a výsledků, na nichž je vidět, co zákazník dostane. Fotobanka se hodí na doplnění, ne jako náhrada. Fotky lidí potřebují jejich svolení." } }, { "@type": "Question", "name": "Jak velké mají být fotky na webu?", "acceptedAnswer": { "@type": "Answer", "text": "Fotka přes celou šířku stránky stačí 1 600 až 2 000 px na delší straně, fotka v textu nebo kartě 800 až 1 200 px a náhled 400 px a méně. Fotka z mobilu má několik megabajtů, na web stačí zlomek." } }, { "@type": "Question", "name": "Jaký formát obrázků zvolit pro web?", "acceptedAnswer": { "@type": "Answer", "text": "Google ve vyhledávání podporuje JPEG, PNG, WebP, AVIF, GIF, SVG a BMP. Pro fotky se nejčastěji používá WebP nebo JPEG, pro loga a ikony SVG. Převod do WebP zvládne nástroj zdarma přímo v prohlížeči." } }, { "@type": "Question", "name": "Jak napsat popisek obrázku (alt text)?", "acceptedAnswer": { "@type": "Answer", "text": "Stručně popište, co je na fotce a proč tam je, třeba „Instalatér mění sifon pod dřezem“. Nenatlačujte tam klíčová slova. Čistě dekorativní obrázek má prázdný popisek, aby ho čtečka obrazovky přeskočila." } }, { "@type": "Question", "name": "Smím na web dát fotku z internetu?", "acceptedAnswer": { "@type": "Answer", "text": "Jen s licencí nebo svolením autora. Fotobanky jako Pexels dovolují použití zdarma i pro firmu bez uvedení autora, ale zakazují například použít snímek jako součást ochranné známky nebo naznačit, že lidé na fotce váš produkt doporučují." } } ] } ] } ```