Obrázek

K čemu slouží

Komponenta Obrázek je jednoduchý prvek pro vložení samostatného obrázku či fotky na stránku. Obrázky jsou vhodné k vizuální prezentaci obsahu, obvykle slouží k doplnění a ilustraci textu.

K umístění obrázků na web lze využít i další komponenty:

Pokud potřebujete umístit obrázek do textu tak, aby došlo k obtékání textu, využijte komponentu Text s obrázkem.
Obrázky jsou součástí dalších komponent, jako např. Hero box, Hero header, Slideshow, Článek – upoutávka, Vizitka, Grafický modul, Fotogalerie a další. Který prvek je vhodné použít, záleží na konkrétní situaci.

Jak s komponentou pracovat

Varianty vzhledu a další nastavení

Velikost obrázku a nastavení šířky / výšky

Fotografie či obrázek, který vložíte na web prostřednictvím této komponenty, se automaticky roztáhne přes celou šířku řádku či sloupce, ve kterém je vložený. Poměr stran obrázku zůstane při zobrazení na jakémkoli zařízení vždy zachován.
Pokud potřebujete obrázek zmenšit, můžete zadat konkrétní šířku obrázku v pixelech. Výška obrázku se vždy automaticky přizpůsobí.

Ořez obrázku, nastavení poměru stran

Obrázek v Umbracu nelze ručně ořezávat, je potřeba ho tedy do systému nahrát v takové podobě, v jaké ho chcete na webu použít.
K ořezu obrázku dojde pouze v situaci, kdy v Umbracu nastavíte požadovaný poměr stran obrázku. Centrování výřezu můžete ovlivnit posunutím zeleného puntíku, který vidíte na obrázku.

Další informace a nastavení

K obrázku je možné přidat popisek.
Lze nastavit, aby se po kliknutí na obrázek zobrazil tento obrázek v plné velikosti.
Z obrázku může vést odkaz na další stránku či jiný obsah.
Každou z komponent vytvořených v Umbracu je možné na webu skrýt (záložka Viditelnost v nastavení prvku) a vždy je možné nastavit rozestupy od okolních prvků (záložka Rozestupy).
Prozkoumejte a vyzkoušejte všechny dostupné možnosti nastavení této komponenty přímo v Umbracu.

Tipy a doporučení

Pokud potřebujete umístit obrázek do textu tak, aby došlo k obtékání textu, využijte komponentu Text s obrázkem.
Zkontrolujte si v nastavení komponenty, jak se obrázek zobrazí na desktopu, tabletu a mobilu.