Fotky: výběr, nahrání, vytvoření pomocí AI a práva

Modul 3: Texty, fotografie a sekce · Doba čtení: 10 minut

Cíl lekce: Po této lekci dokážete nahradit fotky na svém webu vlastními fotkami nebo AI obrázky, spravovat galerii, tažením upravit velikost a tvar fotky, napsat dobrý popis fotky (alternativní text) a posoudit, zda smíte fotku použít.

Klíčové pojmy: Změnit fotku, Obrázek AI, Vlastní fotky, Média, Popis (alternativní text), galerie, Spravovat fotky, tvar a ohnisko, autorské právo, právo na podobu, souhlas

Proč fotky dělají rozdíl

Návštěvníci se nejdřív dívají na obrázky a teprve potom čtou. Fotky v první verzi Vašeho webu vybrala nebo vytvořila AI, případně pocházejí z Vašeho starého webu (lekce 2.3). To je začátek. Pro Base ze Schildersbedrijf Example ale skutečné fotky jeho práce řeknou mnohem víc: vymalované schodiště, fasáda před a po, Bas a jeho dva zaměstnanci na lešení. Skutečné fotky Vám dodají důvěryhodnost.

Nahrazení fotky

V náhledu najeďte myší na fotku a klikněte na Nahradit fotku. Můžete také pomocí Vybrat prvek označit sekci s fotkami a pak kliknout na Změnit fotku vedle štítku. Otevře se okno Změnit fotku. Pokud má sekce více fotek, nejprve nahoře zvolíte, kterou fotku chcete změnit („Kterou fotku chcete změnit?“).

Okno má tři karty:

• Obrázek AI: AI vytvoří nový obrázek. Do pole „Popište fotku, kterou chcete“ napíšete, co na ní má být, a kliknete na Vytvořit 2 nové varianty. Zhruba po půl minutě uvidíte dva návrhy; tlačítkem Použít tuto fotku jeden z nich umístíte na web. Jedno kolo stojí 1 úpravu za dvě varianty. Nahoře vidíte, kolik úprav Vám ještě zbývá.
• Vlastní fotky: tlačítkem Nahrát vlastní fotku umístíte na dané místo vlastní fotku. JPG, PNG nebo WebP, do 8 MB. To je zdarma.
• Fotky z fotobanky: v builderu má štítek Již brzy a zatím ji nelze používat.

Každá zvolená fotka je nová verze; vrátit se můžete pomocí Vrátit zpět nebo přes Verze (lekce 3.5).

Vlastní fotku můžete poslat i přes chat: přiložte ji pomocí kancelářské sponky a napište, kam má přijít, například „tuto fotku nahoru na stránku O nás“. To je pokyn pro AI; pod textovým polem předem uvidíte, kolik bude stát.

Dobrý popis pro obrázek AI

Buďte konkrétní: „Malíř v bílé kombinéze natírá dřevěný okenní rám řadového domu, slunečno, zblízka“ funguje lépe než „malíř při práci“. Nežádejte rozpoznatelné skutečné osoby ani loga jiných firem.

Média: všechny fotky na jednom místě

V panelu Média v liště najdete všechny fotky svého webu. Můžete filtrovat podle Vše, Na webu, Nepoužité a Logo a nahoru můžete přetáhnout nové fotky.

Když kliknete na fotku, uvidíte:

• Kde se používá: na které stránce a v které sekci fotka je;
• Popis: alternativní text (viz níže);
• Použít v chatu: připraví pokyn, který tuto fotku někam umístí;
• Nahradit: umístí nový soubor na každé místo, kde je tato fotka;
• Smazat: jde až tehdy, když fotka už nikde na webu není. Pokud ještě někde je, tlačítko ukáže, na kolika místech; nejprve ji tedy nahraďte.

Galerie

Galerii spravujete zvlášť. Vyberte galerii pomocí Vybrat prvek a klikněte na Spravovat fotky. Uvidíte Fotky v této galerii. Tažením změníte pořadí, křížkem fotku odeberete, tlačítkem Přidat fotku nějakou přidáte (z médií nebo nově nahranou) a zvolíte počet Sloupce (2, 3 nebo 4). Klikněte na Uložit galerii. Nestojí to žádné úpravy. V galerii musí zůstat alespoň jedna fotka.

Popis: alternativní text

Každá fotka má Popis. To je alternativní text (alt text): krátký text, který lidé se čtečkou obrazovky slyší místo fotky a který čtou vyhledávače, aby pochopily, co na ní je. Builder to sám uvádí pod polem: „Pro Google a pro lidi se čtečkou obrazovky.“

Vyplníte ho v Média: klikněte na fotku, do pole Popis napište, co je na ní vidět (nejvýše 200 znaků), a klikněte na Uložit.

Builder Vám částečně pomůže:

• U obrázku AI převezme jako popis Vaše zadání (bez „vytvoř fotku“).
• U vlastní nahrané fotky vytvoří popis z názvu souboru a požádá Vás o kontrolu. Fotka s názvem „IMG_4021.jpg“ tedy nic použitelného nepřinese. Dávejte souborům výstižné názvy, například „schodiste-bile-vymalovane.jpg“.
• Pokud jste popis napsali sami a fotku nahradíte, Váš text zůstane, s výzvou ke kontrole: „Zkontrolujte popis této fotky v Média: možná ještě patří k předchozí fotce.“

Dobrý popis jednou větou řekne, co je vidět: „Schodiště s bílými stěnami a tmavě šedým zábradlím, vymalované firmou Schildersbedrijf Example“. Nezačínejte slovy „fotka…“ a nevkládejte do něj řadu klíčových slov. Je-li obrázek čistě dekorativní, udržte popis krátký. V lekci 7.3 si v úkolu A7.3 ověříte, zda mají všechny Vaše obrázky popis.

Tažením upravit velikost, tvar a ohnisko

V náhledu najeďte myší na fotku. Objeví se úchyty:

• širší nebo užší (vpravo dole);
• vyšší nebo plošší, tedy tvar (dole);
• kulatější nebo ostřejší rohy (vpravo nahoře);
• ohnisko: přetáhněte ho na nejdůležitější část fotky, aby zůstala vidět, když se fotka ořízne.

Dvojklikem na úchyt se vrátí výchozí velikost (u ohniska: střed). Tažení je zdarma a bez AI. Potom se podívejte na Mobil: tam se fotka často ořízne jinak.

Smím tuto fotku použít?

Tato lekce vysvětluje pravidla tak, jak platí k 10. listopadu 2026. Nejde o právní radu. Pokud si ve své situaci nejste jisti, obraťte se na právníka nebo na svou profesní organizaci.

Autorské právo. Kdo fotku pořídí, má k ní automaticky autorské právo. Nemusí se nikde registrovat. Autor rozhoduje, zda a jak smějí ostatní fotku používat, kopírovat a zobrazovat. Pokud na svůj web umístíte cizí fotku bez souhlasu, porušujete toto autorské právo a autor se může u soudu domáhat ukončení užívání a náhrady škody. Autorské právo platí mezinárodně, a to i pro fotky, které jste „prostě našli na internetu“. Fotku konkurenta, z Obrázků Google nebo od fotografa bez licence tedy nepoužívejte. U otevřené licence, jako je Creative Commons, si přečtěte podmínky, například zda musíte uvést autora.

Fotky s lidmi. Fotka, na které je někdo rozpoznatelný, je osobním údajem podle GDPR. Pokud chcete jako zaměstnavatel zveřejnit fotky svých zaměstnanců, potřebujete k tomu právní základ. Podle nizozemského dozorového úřadu Autoriteit Persoonsgegevens (AP) je to obvykle souhlas zaměstnance. Tento souhlas lze kdykoli odvolat, i bez udání důvodu; pak fotku odstraníte. A odmítnutí nesmí mít pro zaměstnance nepříznivé následky. Bas proto své zaměstnance předem požádá o souhlas a zaznamená si ho. V Nizozemsku navíc platí právo na podobu (portretrecht) z Auteurswet: kdo je na snímku rozpoznatelný, může se v určitých případech zveřejnění bránit. Ověřte si, jaká pravidla platí v Česku. Také zákazníky před jejich domem fotografujte nebo rozpoznatelné číslo domu ukazujte jen s jejich souhlasem.

Obrázky AI. Obrázek AI není fotka Vaší práce. Neumisťujte na web obrázek AI krásně natřeného domu, jako by šlo o Váš projekt: to zákazníky klame. Obrázky AI používejte pro atmosféru a skutečné fotky pro svou vlastní práci a svůj tým. Lekce 7.3 se podrobněji věnuje právům k obrázkům a textům od AI.

Na co si dát pozor

• Ponechané ukázkové obrázky, které se k Vaší firmě nehodí, nebo obrázky AI, které vypadají jako Vaše práce.
• Nahrávání fotek s nic neříkajícím názvem souboru: dostanete nepoužitelný popis.
• Příliš velké fotky: nad 8 MB se nahrání nepodaří. Nejprve je zmenšete.
• Kontrola jen na velké obrazovce: tvar a ohnisko zkontrolujte na Mobil.
• Cizí fotky bez souhlasu nebo licence.

V builderu: jak na to

1. Najeďte myší na fotku a klikněte na Nahradit fotku.
2. Zvolte Vlastní fotky a Nahrát vlastní fotku, nebo Obrázek AI s konkrétním popisem a Vytvořit 2 nové varianty.
3. Zvolte Použít tuto fotku.
4. Otevřete Média, klikněte na fotku a vyplňte Popis; klikněte na Uložit.
5. Tažením za úchyty upravte velikost, tvar a ohnisko; podívejte se na Mobil.
6. Galerie: Vybrat prvek, Spravovat fotky, pořadí a Sloupce, Uložit galerii.

Shrnutí

• Změnit fotku nabízí Obrázek AI (1 úprava za dvě varianty) a Vlastní fotky (zdarma, JPG, PNG nebo WebP do 8 MB); Fotky z fotobanky přijdou brzy.
• V Média vidíte, kde je každá fotka, a vyplňujete Popis (alternativní text); builder předvyplní začátek, Vy ho zkontrolujete.
• Úchyty v náhledu upravují šířku, tvar, rohy a ohnisko; dvojklik vrátí výchozí nastavení.
• Cizí fotky jen se souhlasem nebo licencí; rozpoznatelné lidi jen s jejich souhlasem; obrázky AI nevydávejte za vlastní práci.

Kvíz

Úkol

Úkol D3.3: Obrázky v pořádku. Zajistěte, aby nejdůležitější obrázky na Vašem webu byly opravdu Vaše, měly dobrý popis a dobře vypadaly na telefonu.

Kontrolní seznam:

• [ ] v Média prohlédnuty všechny fotky s filtrem Na webu;
• [ ] nejméně dva ukázkové obrázky nahrazeny vlastními fotkami s výstižným názvem souboru;
• [ ] u každé fotky na domovské stránce zkontrolován nebo napsán Popis;
• [ ] u každé fotky s lidmi zapsáno, kdo na ní je a zda máte souhlas;
• [ ] u každé fotky, která není Vaše, zapsáno, odkud pochází a jaká licence platí;
• [ ] upraven tvar nebo ohnisko největší fotky a zkontrolováno na Mobil;
• [ ] obrázky AI, které připomínají Vaši práci, nahrazeny nebo umístěny tak, aby nepůsobily jako Váš vlastní projekt.

Otázky:

1. Kterou fotku jste nahradili a co nová fotka lépe vypovídá o Vaší firmě?
2. Opište sem popis (alternativní text) své nejdůležitější fotky. Říká jednou větou, co je vidět?
3. Jsou na Vašem webu rozpoznatelní lidé? Jak jste vyřešili jejich souhlas?

Po kliknutí na „hotovo“ uvidíte vzorovou odpověď: obrázek AI v úvodní sekci byl nahrazen vlastní fotkou natřené fasády, protože ukazuje skutečnou práci; popis „Fasáda domu z 30. let s nově natřenými zelenými okenními rámy“; na týmové fotce jsou Bas a dva zaměstnanci, kteří dali písemný souhlas a vědí, že ho mohou odvolat.

Další čtení

• Nastavení názvu, popisu a alternativního textu pro jednotlivé stránky
• Bezplatný kurz WordPress 4.4: Média: obrázky a alternativní text
• Autorské právo (Ondernemersplein, RVO, nizozemský zdroj): https://ondernemersplein.overheid.nl/wetten-en-regels/auteursrecht/
• Obrazový materiál na pracovišti (nizozemský dozorový úřad Autoriteit Persoonsgegevens): https://www.autoriteitpersoonsgegevens.nl/themas/internet-slimme-apparaten/beeldmateriaal/beeldmateriaal-op-de-werkplek
• An alt Decision Tree (W3C WAI, anglicky): https://www.w3.org/WAI/tutorials/images/decision-tree/