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 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 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 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.

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 ří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.

Fotky lidí: svolení

Podle občanského zákoníku 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.

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 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 a změřit rychlost.

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í.