# HCA Moravia — návod: fotky z akcí, grafika na sítě a podpisy **Verze 1.2 · 28. srpna 2026** Doplněk k `MASTER-HCA-DESIGN.md` (tištěné materiály). Tenhle návod řeší tři věci: úpravu fotek z akcí do stylu HCA, tvorbu grafiky na sociální sítě (karty, karusely, stories) a e-mailové podpisy. > **Online verze s tlačítky na kopírování promptů:** > — v praxi používej tu, > tenhle dokument je záloha stejného obsahu. Prompty jsou ve dvou souborech: | Soubor | K čemu | |---|---| | `PROMPT-HCA-FOTO.md` | úprava fotek z akcí (AI upravuje přiloženou fotku) | | `PROMPT-HCA-SOCIAL.md` | karty, karusely a stories (AI vrací HTML kód) | --- ## 1. Jaký nástroj na co | Úkol | Nástroj | Proč | |---|---|---| | Úprava fotky (barvy, ořez, retuš) | **Gemini** (gemini.google.com, přiložit fotku) | ze všech AI nejméně mění obličeje | | Karta, karusel, story | **Claude** nebo **ChatGPT** | vrací HTML, vzhled drží náš styl na serveru | Do promptu pro grafiku se nikdy nevkládá fotka s prosbou „udělej z toho příspěvek" — grafika vzniká z HTML a našeho stylu, fotka do ní jde odkazem nebo souborem. --- ## 2. Fotky z akcí — postup 1. Vyber 3–6 nejlepších fotek z akce. Dobrá fotka: lidé v interakci, tváře vidět, žádné batohy a kelímky v popředí, žádné prázdné židle. 2. Otevři Gemini, přilož fotku, vlož **prompt A1** (základní úprava). 3. Potřebuješ-li jiný formát (čtverec, story), pokračuj **promptem A2** (ořez). 4. Rušivé věci v pozadí řeší **prompt A3** (retuš). 5. **Kontrola** (kapitola 5) a uložení na Nextcloud. ### Železná pravidla u fotek - **Obličeje se nemění.** Po každé úpravě porovnej výsledek s originálem zvětšený na tváře. Když AI člověku změnila obličej, fotku **nepoužij** a zkus to znovu — žádná grafika nestojí za to, aby člen klubu vypadal jinak než ve skutečnosti. - **Lidé se nikdy neořezávají.** Když se všichni nevejdou do formátu, fotka se neořízne — doplní se navy pruhy nahoře a dole (prompt A2 to umí). Radši pruh než uťatý člověk. - **Nic se nepřidává.** Žádní dokreslení lidé, plnější sál, jiné pozadí. Fotka z akce je dokument — upravujeme světlo a barvy, ne realitu. - **Text ve fotce** (flipchart, roll-up, prezentace na plátně): AI ho při úpravě ráda rozbije. Po úpravě zkontroluj, že text zůstal čitelný a s diakritikou. Když je rozbitý, ořízni záběr tak, aby text nebyl vidět, nebo fotku nepoužij. - **AI vygenerovaná (inscenovaná) fotka nikdy k reportu z konkrétní akce.** Smí se použít jen jako obecná ilustrace (pozvánka, web) — a nikdy se nevydává za fotku z akce. Detail v promptu A4. --- ## 3. Grafika na sítě — postup 1. Otevři Claude nebo ChatGPT, vlož **celý prompt** z `PROMPT-HCA-SOCIAL.md` a dole doplň zadání (typ grafiky, text, termíny). 2. AI vrátí HTML kód. Zkopíruj ho do Poznámkového bloku, ulož jako `nazev.html` (kódování UTF-8, to je v Poznámkovém bloku výchozí). 3. Otevři soubor v Chrome a vyrob z něj PNG nebo PDF — viz níž. 4. Kontrola (kapitola 5), uložení na Nextcloud, publikace. Když má grafika obsahovat tvou fotku z akce: ulož upravenou fotku **do stejné složky** jako HTML soubor a do zadání napiš její název (např. `akce-brno.jpg`). ### PNG z HTML (karta na IG/FB, story) 1. Otevři HTML soubor v Chrome. 2. Stiskni `F12` (otevřou se vývojářské nástroje) a pak `Ctrl+Shift+M` (ikona mobilu — režim zařízení). 3. Nahoře do polí rozměrů napiš **1080 × 1350** (story: **1080 × 1920**). Zobrazení si klidně zmenši (Zoom 50 %), na výsledek to nemá vliv. 4. Klikni na menu **⋮** vpravo v liště zařízení → **Capture screenshot** (česky „Pořídit snímek obrazovky"). Chrome uloží PNG přesně 1080×1350. ### PDF z HTML (karusel na LinkedIn) Karusel se na LinkedIn nahrává jako **dokument (PDF)** — všechny slidy v jednom souboru: 1. Otevři HTML v Chrome → `Ctrl+P` → Cíl **Uložit jako PDF**. 2. Rozbal **Další nastavení** → zapni **Grafika na pozadí** *(bez toho vyjde PDF bílé)*. 3. Okraje: **Žádné**. Ulož. ### Karusel na Instagram (PNG po slidech) 1. Vyrob PDF podle postupu výš. 2. Nahraj PDF do **Canvy** (Vytvořit návrh → Importovat soubor) — Canva rozdělí stránky PDF na samostatné slidy. 3. Sdílet → Stáhnout → **PNG**, vybrat všechny stránky. Nic v Canvě nepředělávej — slouží jen jako převodník. --- ## 4. E-mailové podpisy Podpisy se **nevymýšlejí ani negenerují AI od nuly** — hotové podpisy celého týmu jsou na jedné stránce: ``` https://preview.vedno.it/hca-brand/podpisy/ ``` ### Nastavení podpisu (Gmail) 1. Otevři stránku s podpisy a najdi toho, komu podpis nastavuješ. 2. Myší **označ celý podpis** (od fotky po řádek „Leadership · Řízení · Růst") a zkopíruj `Ctrl+C`. 3. V Gmailu: ozubené kolo → **Zobrazit všechna nastavení** → sekce **Podpis** → **Vytvořit** → do pole vlož `Ctrl+V`. 4. Dole nastav, aby se podpis vkládal do nových zpráv i odpovědí, a **Uložit změny**. 5. Pošli si zkušební e-mail a zkontroluj, že se načetla fotka i logo. V Outlooku je postup stejný: Nastavení → Podpis → vložit zkopírovaný podpis. Fotka a logo se načítají ze serveru — v podpisu nic nepřepisuj ani nepřebarvuj. Chybí-li u někoho telefon nebo e-mail (v podpisu je `[doplnit]`), pošli chybějící údaj Andrejovi, podpis na stránce se opraví centrálně. ### Podpis pro nového člověka v týmu Šablona s vyznačenými poli je na `https://preview.vedno.it/hca-brand/podpisy/sablona.html`. 1. Sežeň **čtvercovou fotku** obličeje (aspoň 300×300 px, klidné pozadí) a nahraj ji na úložiště do složky `foto/podpisy/` jako `jmeno-prijmeni.jpg` (přístup viz kapitola 6). 2. Napiš Andrejovi jméno, pozici, telefon a e-mail nového člověka — fotku nahraje na server a podpis přibude na stránku se všemi ostatními. 3. Pak už jen postup „Nastavení podpisu" výš. Nic z podpisu se nestaví ručně v Gmailu (barvy a rozvržení by se rozpadly) a fotka se nikdy nevkládá jako příloha — musí ležet na serveru. --- ## 5. Kontrola před publikací - [ ] Tváře na fotce jsou stejné jako na originálu (porovnáno zvětšené) - [ ] Nikdo není uříznutý ořezem; když se nevešli, jsou tam navy pruhy - [ ] Text ve fotce (flipchart, plátno) je čitelný a se správnou diakritikou - [ ] Na grafice je logo a `hcamoravia.cz` v patičce - [ ] Žádné počty míst ani kapacita — jen „poslední místa" - [ ] Žádné vykřičníky, emoji ani hashtagy v grafice - [ ] Diakritika správně (ř, ě, ů, č) — zvlášť u PNG zkontroluj zvětšené - [ ] Ceny a termíny sedí s ceníkem od 28. 7. 2026 a webem - [ ] Karusel: slidy jdou ve správném pořadí, číslování `1 / N` sedí - [ ] Nikde nezůstal zástupný text typu `[doplnit]` --- ## 6. Kam soubory ukládat Hotové věci patří na firemní úložiště. Ukládá se přes dva odkazy — fungují rovnou v prohlížeči, **bez přihlášení**. Soubor nahraješ tlačítkem **+** vlevo nahoře, nebo ho přetáhneš myší do okna: - složka **foto**: - složka **social**: Struktura uvnitř: ``` foto/ ├── / │ ├── original/ fotky tak, jak přišly │ └── upravene/ fotky po úpravě (jen ty schválené kontrolou) └── podpisy/ čtvercové fotky lidí pro e-mailové podpisy social/ └── / hotové karty, karusely (PDF i PNG), stories ``` HTML soubory ukládej vedle hotových PNG — kdyby se měnil text, upraví se HTML a vyrobí se nové PNG, nemusí se začínat od nuly. --- ## 7. Když si nejsi jistá - **Chybí údaj** (termín, cena, jméno) — nevymýšlej, napiš `[doplnit]` a zeptej se. - **AI vrátí rozbitý vzhled** — nezasahuj do kódu ručně. Napiš AI, co je špatně („logo překrývá nadpis", „text přetéká dolů"), a nech to opravit. - **Fotka se nedá zachránit** (rozmazaná, tmavá, jen záda) — nepoužij ji. Grafika bez fotky (navy karta) je vždycky lepší než špatná fotka.