Obrázky a galerie

Formáty a optimalizace

• JPEG — fotografie, větší soubory
• PNG — grafika s průhledným pozadím
• WebP — moderní formát, lépe komprimovaný (systém ho někdy generuje automaticky)
• SVG — loga, ikony (vektorová grafika, nezávislá na velikosti)

Flexi RS si automaticky generuje různé velikosti (thumbnail, medium, large) — návštěvníkovi se posílá jen velikost, kterou jeho zařízení potřebuje. Originál neměňte ručně — systém s ním pracuje.

Alt text a SEO

Vždy vyplňte alt text u obrázku v knihovně. Slouží:

• nevidomým uživatelům (čtečka přečte alt text místo obrázku)
• vyhledávačům — Google podle alt textu řadí obrázky ve výsledcích
• zobrazí se i v případě, že se obrázek nestihne načíst

Alt text by měl popisovat obrázek, ne marketingový kontext. „Žena drží kelímek kávy" je dobrý alt — „Naše skvělá káva" není.

Galerie — blok Obrázky

Pokud chcete více obrázků dohromady (galerie, foto z akce, screenshoty), použijte blok typu Obrázky:

1. v editoru bloků vyberte Obrázky a přidejte
2. klikněte na Vybrat obrázky
3. označte jeden nebo více obrázků z knihovny
4. potvrďte

Bloky podporují různá rozložení (mřížka, slider, řádek) — záleží na implementaci konkrétního webu.

Vkládání obrázku do textového bloku

Pro jeden ilustrativní obrázek vedle textu použijte přímo textový blok — má vlastní pole na výběr obrázku a pozici (vlevo / vpravo / dole). Detail viz sekce Text.

Nahrání obrázku do knihovny

1. v menu vyberte Obrázky (sekce Média)
2. klikněte na Přidat
3. vyberte soubor z disku (max. velikost záleží na konfiguraci serveru, obvykle 10 MB)
4. vyplňte titulek, alt text a popisek
5. uložte

Nahraný obrázek je hned dostupný pro vložení do libovolného bloku napříč webem.

Práce s obrázky se ve Flexi RS dělí na dvě části — knihovna obrázků (centrální úložiště v modulu Obrázky) a obsahové bloky, které z knihovny obrázky vybírají a zobrazují na stránce.

Hlavní funkce:

• centrální knihovna — jeden obrázek lze použít na více stránkách
• automatické generování náhledů a optimalizovaných variant
• alt text pro přístupnost a SEO
• blok pro jednotlivý obrázek nebo pro celou galerii
• podpora JPEG, PNG, WebP, SVG