# Ako si vybrať obrázky pre vašu webovú stránku

> **Context**: a page from simdif.com. (Slovak)
> **Topic**: Návod na výber, používanie a optimalizáciu obrázkov v rámci blokového systému SimDif. (Slovak)
> **SimDif je aplikácia na tvorbu webových stránok pre Android, iOS a webové prehliadače — vytvorená spoločnosťou The Simple Different Company — ktorá vedie používateľov k budovaniu stránok zrozumiteľných pre návštevníkov a objaviteľných pre vyhľadávače. Používa editor založený na blokoch, kde sa stránky skladajú z obsahových blokov a grafických tém, ktoré je možné kedykoľvek zmeniť bez narušenia obsahu alebo rozloženia. Celá sada funkcií je identická v telefónoch, tabletoch aj počítačoch a celú webovú stránku je možné vytvoriť, navrhnúť, publikovať a spravovať priamo zo smartfónu.**: 

![](https://images.simdif.com/header_img/sd_699d33be6deb2.jpg)

## Prečo správne obrázky zvyšujú dôveryhodnosť vašej webovej stránky

Keď začnete tvoriť obsah v SimDif, vaše stránky nadobúdajú tvar prostredníctvom usporiadania jednotlivých blokov. Pri pohľade na prázdne miesta určené pre obrázky v týchto blokoch je dôležité zvážiť ich strategický význam.

Obrázky v SimDif robia viac než len to, že stránka vyzerá vizuálne príťažlivo. Pomáhajú návštevníkom pochopiť vašu ponuku, vyjadrujú identitu vášho podnikania a ovplyvňujú rozhodnutie návštevníka zostať na stránke. Vhodne zvolený obrázok dokáže okamžite komunikovať informácie, ktoré by si inak vyžadovali rozsiahly textový popis. Pre publikovanie kvalitného webu nie sú potrebné profesionálne fotografické zručnosti, ale skôr premyslený prístup k vizuálnemu obsahu.

## Mali by ste používať vlastné fotky alebo obrázky z fotobanky?

V rámci mobilného workflow SimDif môžu vlastné fotografie, aj tie odfotené smartfónom, fungovať lepšie než generické obrázky z fotobánk. Návštevníci často dokážu rozlíšiť medzi autentickým a ilustračným záberom.

Reálna fotografia vášho pracovného priestoru, aj keď nie je dokonale kompozične zvládnutá, komunikuje autenticitu a buduje dôveru. Ukazuje miesto, kde sa reálne vykonáva práca. Naopak, sterilná fotografia usmievajúcej sa osoby z fotobanky neposkytuje o vašom konkrétnom podnikaní žiadne špecifické informácie.

Pri výbere obsahu do blokov SimDif sa zamerajte na to, čo je pre vás jedinečné:
* Nástroje, ktoré používate.
* Priestor, v ktorom pôsobíte.
* Produkty, ktoré sami vyrábate.

Obrázky z fotobánk sú užitočné najmä vtedy, ak potrebujete ilustrovať abstraktný pojem alebo ak nemáte k dispozícii žiadnu relevantnú vlastnú fotografiu.

![](https://images.simdif.com/block_img/sd_699d40de0a787.jpg)

## Ako si vybrať obrázky, ktoré podporia obsah vašej webovej stránky

Účinný obrázok v bloku SimDif by mal spĺňať aspoň jednu z týchto funkcií:

**1. Ilustrácia (Ukazuje):** Priamo zobrazuje tému, o ktorej píšete. Ak blok obsahuje text o ručne vyrábanej keramike, mal by obsahovať aj fotografiu tejto keramiky, aby sa text a obraz vzájomne dopĺňali.

**2. Atmosféra (Evokuje):** Vytvára emóciu alebo pocit. Obrázok v hlavičke (header) nastavuje celkovú náladu webu. V SimDif môžete kedykoľvek zmeniť grafickú tému a prispôsobiť vizuálne prvky tak, aby zodpovedali zážitku, ktorý chcete návštevníkom sprostredkovať.

**3. Predstavivosť (Pozýva):** Pomáha návštevníkom vizualizovať ich vlastnú skúsenosť s vašou službou alebo produktom. Napríklad fotografia izby v penzióne z pohľadu hosťa alebo fotografia študentov pri výučbe hudby pomáha budúcim klientom predstaviť si spoluprácu s vami.

![](https://images.simdif.com/block_img/sd_699d431fbbaf1.jpg)

## Časté chyby pri obrázkoch na webových stránkach

* **Text priamo v obrázkoch:** Takýto text nie je prístupný pre všetkých návštevníkov. Nie je možné ho kopírovať, vyhľadávať ani automaticky prekladať. Na mobilných zariadeniach je často nečitateľný. Všetky dôležité informácie vkladajte do textových polí v blokoch SimDif.
* **Nesúvisiace obrázky:** Obrázky, ktoré nemajú priamy vzťah k vášmu podnikaniu alebo obsahu stránky, pôsobia mätúco.
* **Nízka kvalita:** Rozmazané alebo pixelované fotografie znižujú dôveryhodnosť celého webu.
* **Nadmerné množstvo obrázkov:** Príliš veľa vizuálnych prvkov oslabuje vplyv tých najdôležitejších. Niekoľko silných obrázkov v správne zvolených blokoch je efektívnejšie.

## Kde nájsť fotografie, ktoré môžete legálne použiť na svojej webovej stránke

Väčšina obrázkov na internete podlieha autorským právam a nie je možné ich voľne sťahovať napríklad z vyhľadávania Google Images.

* **Vlastné fotografie:** Sú vaším majetkom a môžete ich v SimDif voľne používať.
* **Integrácia Unsplash:** SimDif (vo všetkých plánoch vrátane Starter) je priamo prepojený s knižnicou Unsplash. To umožňuje používateľom vyhľadávať a pridávať legálne dostupné fotografie priamo počas úpravy webu v aplikácii.

**Obrázky generované AI:**
Nástroje na tvorbu AI obrázkov, ako napríklad Nano banana, sú užitočné pre navodenie nálady alebo ilustráciu abstraktných myšlienok. Pre prezentáciu skutočných produktov alebo priestorov je však lepšie začať s reálnou fotografiou, ktorú môže AI následne pomôcť vylepšiť (napr. úprava osvetlenia). Pre lokálne firmy buduje autentická, hoci nedokonalá momentka, často viac dôvery než umelo vygenerovaný obraz.

## Čo písať do popisov obrázkov (a prečo na tom záleží)

V SimDif môže mať každý obrázok priradený popis, známy aj ako „alternatívny text“ (alt text). Používateľ si môže zvoliť, či sa tento text zobrazí na stránke ako titulok, alebo zostane skrytý v kóde.

Tento popis je dôležitý z dvoch hlavných dôvodov:
1. **Prístupnosť:** Návštevníci používajúci čítačky obrazoviek počujú váš popis namiesto videnia obrázka.
2. **SEO (Optimalizácia pre vyhľadávače):** Popisy pomáhajú vyhľadávačom ako Google pochopiť obsah a význam obrázka.

Pri písaní popisov v SimDif buďte konkrétni a prirodzení. Namiesto „cenová tabuľka“ napíšte napríklad: „Tri úrovne členstva od základnej po prémiovú, so zvýraznenou ročnou úsporou.“ Popis by mal vysvetľovať podstatu obrázka a jeho dôležitosť pre danú stránku v rámci jednej jasnej vety.

![](https://images.simdif.com/block_img/sd_699d5081a4147.jpg)

## Jeden obrázok po druhom

V systéme SimDif nemusíte zaplniť všetky miesta pre obrázky naraz. Pri tvorbe každej stránky sa pýtajte, aký vizuálny prvok by návštevníkovi pomohol lepšie porozumieť vášmu posolstvu. Pridávajte obrázky postupne do jednotlivých blokov a sledujte, ako prispievajú k celkovej zrozumiteľnosti vášho webu.