Změna velikosti obrázku

Při vkládání obrázků do článků, karet zboží, kategorií, událostí a podobně prostřednictvím záložky „obrázek“ jsou obrázky automaticky přepočítány na správnou velikost, kterou právě zobrazovaná stránka potřebuje. Stačí tedy pouze na záložku „obrázek“ umístit obrázek v dostatečné velikosti.

Při vkládání obrázků do textu přímo ve WYSIWIG editoru (abstrakt, obsah, dodatek, ...) je potřeba věnovat pozornost velikosti obrázků.

Zásadou je umísťovat na web obrázky v přesné velikosti, aby nedocházelo ke zbytečnému načítání velkých dat pro zobrazení malého obrázku (např. obrázek o datovém rozměru 2000x1000 px se na webu zobrazuje pouze jako 200x100 px).

Jelikož se webová stránka roztahuje zpravidla výškově, je potřeba změnit rozměr obrázku především podle šířky (např. obrázek se musí vejít do prostoru omézeného šířkou nebo je nutnost zarovnat několik obrázků do sloupců). Samozřejmě nastene situace, kdy je potřeba změnit rozměr obrázku podle výšky (např. obrázek se musí vejít do prostoru omezeného výškou nebo je nutnost zarovnat několik obrázků do řádků). V takových případech nabízí Platforma aPilot možnost automatické změny rozměru obrázku podle šířky nebo výšky. Změna rozměru obrázku probíhá v obou případech proporčně, takže nedochází k deformaci obrázku ani na výšku ani na šířku.

Jak to funguje?

Stačí před URL obrázku dopsat:
/w/číselná hodnota nové šířky obrázku (změna podle šířky) nebo
/h/číselná hodnota nové výšky obrázku (změna podle výšky).

Příklad:

Obrázek je na adrese „/img/manuals/content/vkladani-obrazku.jpg“ a má rozměr 800 x 500 px.
Doplněním „/w/200/” na začátek této adresy na „/w/200/img/manuals/content/vkladani-obrazku.jpg“ aPilot vygeneruje obrázek o rozměru 200x125 px.
Po kliknutí do jakéhokoliv jiného pole už uvidíte obrázek o nových rozměrech.
Vyplňte „popis obrázku“, který slouží pro případ nenačtení obrázku, pro hlasové čtecí programy a k optimalizaci.
Zmenšený obrázek je pro uživatele aPilot v modulu Průzkumník neviditelný, ale na webu se zobrazuje.
Nyní stačí obrázek vložit a uložit element.