Galerie a fotky na webu

Čtyři rozvržení galerie, prohlížeč fotek přes celou obrazovku, vlastní fotky a fotobanka a jak fotku v galerii vyměnit.

6 min čtení Pro začátečníky Jen text Aktualizováno 18. 9. 2026

Galerie je sekce, ve které ukážete svou práci, prostory, výrobky nebo hotové zakázky. Návštěvník ji projde očima za pár vteřin a každou fotku si může otevřít přes celou obrazovku. V tomhle článku najdete, jak galerie vypadá, jak se ovládá prohlížeč fotek, odkud se fotky berou a jak je vyměníte.

Čtyři rozvržení galerie

Galerie má čtyři varianty rozvržení. AI jednu vybere při stavbě webu, vy ji můžete kdykoli změnit v chatu, třeba zprávou „Přepni galerii na karusel.“

RozvrženíJak vypadáKdy se hodí
MozaikaPrvní fotka je velká, ostatní menší fotky jsou kolem ní. Je to výchozí rozvržení.Máte jednu výraznou fotku a k ní několik dalších. Nejlépe vychází 5 nebo 9 fotek.
MřížkaStejně velké dlaždice, na počítači po třech v řádku.Chcete klidný a přehledný dojem. Nejlépe vychází 6 nebo 9 fotek.
KaruselFotky vedle sebe v jednom pásu, který se posouvá prstem, šipkami nebo tažením myší.Máte fotek hodně (6 až 12) a nechcete, aby galerie zabrala dlouhý kus stránky.
SloupceFotky ve sloupcích s různou výškou, podobně jako na Pinterestu.Web má působit živě a neformálně.

Kromě fotek má galerie nadpis a volitelně jednu úvodní větu o tom, co na fotkách je. Fotek může být 4 až 12.

Plné řádky

Poloprázdný poslední řádek působí jako chyba, proto galerie řádky dopočítá tak, aby byly vždy plné. Když se fotky do řádků po třech nevejdou beze zbytku, poslední fotky se roztáhnou do šířky. Sedm fotek v mřížce se tak na počítači rozloží na řádky 3, 2 a 2. Mozaika dopočítá poslední řádek stejně. U karuselu a sloupců se plné řádky řešit nemusí.

AI proto při stavbě dává do galerie 6 nebo 9 fotek, do mozaiky 5 nebo 9.

Na telefonu

Mozaika, mřížka i sloupce mají na telefonu dva sloupce. Lichá poslední fotka v mřížce zabere celou šířku. Karusel ukáže na telefonu jednu fotku a kousek další, aby bylo poznat, že jde posouvat, na tabletu dvě a na počítači tři. Šipky a ukazatel pod karuselem se objeví jen tehdy, když se všechny fotky nevejdou najednou.

Prohlížeč fotek

Když návštěvník najede myší na fotku v galerii, fotka se jemně ztmaví a objeví se lupa a popisek. Kliknutím, nebo klávesou Enter, se fotka otevře přes celou obrazovku. V prohlížeči najde:

  • Náhledy dole: malé fotky celé galerie. Kliknutím skočí na kteroukoli z nich, aktuální fotka je zvýrazněná.
  • Počítadlo: nahoře vidí, na které fotce právě je, třeba „3 / 9“.
  • Šipky: po stranách fotky. Na počítači fungují i klávesy: šipka vlevo a vpravo, Home skočí na první fotku, End na poslední.
  • Posun prstem nebo myší: fotka jede s prstem a po puštění přejde na další nebo předchozí. Na telefonu šipky nejsou, listuje se jen prstem.
  • Přiblížení: na telefonu fotku přiblíží dvojité ťuknutí, na počítači kliknutí myší na fotku nebo kolečko s klávesou Ctrl. Fotka se přiblíží v místě, kam jste ukázali, a přiblíženou fotku jde posouvat. Stejným gestem se vrátí zpět.
  • Zavření: křížkem vpravo nahoře, klávesou Esc, kliknutím vedle fotky nebo tahem fotky dolů. Na telefonu prohlížeč zavře i tlačítko Zpět, takže návštěvník neodejde z webu.

Pod fotkou v prohlížeči je popisek. Je to stejný text, který čtou vyhledávače a čtečky pro nevidomé, proto ho AI píše česky a věcně: co na fotce je.

Prohlížeč fotek i karusel fungují i tehdy, když máte animace webu vypnuté.

Vlastní fotky, nebo fotobanka

Vlastní fotky mají na webu vždy přednost. Při stavbě i při úpravách AI nejdřív hledá mezi fotkami, které jste nahráli. Hledá podle shody slov v popisu fotky, a když žádná nesedí přesně, použije raději některou vaši nepoužitou fotku než cizí. Do fotobanky (Pexels a Pixabay) sáhne teprve tehdy, když vlastní fotky nemáte.

Vlastní fotky jsou jediné, které konkurence nemá. Fotka vaší dílny, vašeho týmu nebo vašeho dortu řekne o podniku víc než sebehezčí fotka z banky, na které zákazník pozná, že je cizí.

Fotky z fotobanky se na web neodkazují, stáhneme je k sobě a zapíšeme k nim autora a zdroj, jak to fotobanky v podmínkách chtějí.

Jak AI vybírá fotky z fotobanky

Ke každému obrázku AI napíše popis scény: kdo na fotce je, co dělá a kde. Podle něj se ve fotobance hledá. U fotek v galerii a ve většině sekcí se použije fotka, kterou fotobanka k popisu najde.

AI nebere první výsledek fotobanky. U úvodní sekce, kterou návštěvník vidí jako první, porovná deset kandidátů, u ostatních pět na každou fotku. Galerii vybírá naráz jako jednu sérii: každá fotka ukazuje něco jiného (prostor, detail, lidi, výsledek) a nic, co do oboru nepatří. U každé fotky určí i ohnisko, aby čtvercový výřez neuřízl hlavu ani hlavní věc. Stejné porovnání spustíte u kterékoli fotky, i v galerii: stačí do chatu napsat, že fotka nesedí nebo že chcete lepší.

Jak fotku vyměnit

  1. Nahrajte vlastní fotkyTlačítkem + u chatu. Přijímáme JPG, PNG a WebP do velikosti 8 MB. Fotky se uloží do knihovny webu a AI je použije i při dalších úpravách.
  2. Vyberte galerii v náhleduTlačítkem výběru v liště náhledu, nebo klikem na galerii s klávesou Alt. Výběr se objeví nad polem chatu a další zpráva se týká jen jeho.
  3. Napište, co chceteTřeba „Vyměň druhou fotku v galerii za tu, kterou jsem teď nahrál.“
  4. Zkontrolujte náhledGalerie se v náhledu překreslí a web se po uložení sám zveřejní.

Další zprávy, které fungují:

  • „Vyměň fotku v galerii za fotku truhláře při práci.“
  • „Třetí fotka v galerii nesedí, najdi lepší.“ AI porovná několik fotek z fotobanky a použije tu nejlepší.
  • „Přepni galerii na mřížku.“
  • „Přidej do galerie úvodní větu, že jsou to naše letošní zakázky.“

Tipy na dobré fotky

Podle stejných pravidel AI vybírá fotky z fotobanky, takže se hodí i pro vaše vlastní:

  • Ukažte obor a konkrétní službu. Správné prostředí, práci, hotový výsledek. Fotka, na které je poznat, co děláte, má větší cenu než hezká, ale obecná.
  • Působte skutečně. Přirozené světlo, lidé při práci nebo hotové dílo. Strojené pózování jako z reklamy důvěru nebuduje.
  • Hlídejte kvalitu. Ostrá a dobře osvětlená fotka, bez vodoznaku a bez textu v obraze.
  • Pro úvod fotku na šířku. S klidnější plochou, přes kterou jde číst text, a s hlavním motivem, který není uříznutý.
  • Bez křiklavých filtrů. Fotka nemá přebít barvy webu.
  • Pojmenujte soubory výstižně. Popis fotky vzniká z názvu souboru nebo z rozboru obrázku a podle popisu AI pozná, kam fotka patří. Soubor „dilna-a-ponk.jpg“ pomůže víc než „IMG_2041.jpg“.

Na web dávejte jen fotky, ke kterým máte práva. Fotky z fotobank, které vybírá AI, jsou pod licencí, která dovoluje komerční použití.

Co dál

Pomohl vám tenhle návod?
Nechte si web vytvořit od profesionála

Nemáte čas nebo chuť stavět? Web vám navrhneme, napíšeme i spustíme za 5 999 Kč jednorázově. Upravovat ho pak můžete sami přes AI.

Postavte mi web