Képek és média

Kép hozzáadása

Adj hozzá egy Kép blokkot, majd válassz egy képet a médiatárból, vagy tölts fel egy újat.

Ezeket töltheted fel:

• PNG

• JPEG

• WebP

• GIF

• SVG

• AVIF

A fájlméret korlátja 20 MB. A nagyon nagy eredetikre általában nincs szükség. Egy 1600 pixel szélesen éles fotó a legtöbb oldalhoz elég.

Képek újrafelhasználása a médiatárból

A médiatár a projekt összes képét tartalmazza. A keresőmezővel név szerint kereshetsz, majd kiválasztod a képet.

Az újrafelhasználás nem hoz létre másolatot. Ha lecseréled a képet az egyik helyen, csak az a blokk változik meg; a tárban az eredeti fájl marad.

Alt szöveg

Az alt szöveg leírja a képet azoknak, akik nem látják. A képernyőolvasók felolvassák, és akkor is megjelenik, ha a kép nem töltődik be.

Írd le, mit mutat a kép, és miért fontos:

• Jó: „Egy fazekas tálat formál a korongon.”

• Kevésbé hasznos: „Kép.”

• Jó egy termékhez: „Kék kerámia bögre pettyes mázral.”

• Dekoratív kép: hagyd üresen az alt szöveget.

Ne kezdd azzal, hogy „Kép, amelyen”. A képernyőolvasó úgyis bejelenti, hogy kép.

Méret és forma

A képek alapból megtartják az arányukat, így nem nyúlnak meg. A Doboz fülön állíthatod be a szélességet, és a Kép fül vágás vagy csere vezérlőivel adhatsz neki más formát.

Ha egy kép túl magas mobilon, adj neki maximális magasságot, vagy tedd egy oszlopba, ami egymás alá rendeződik. Kerüld a fix magasságokat, mert levághatják a kép fontos részeit.

Kép hivatkozása

Egy kép hivatkozhat oldalra, URL-re, e-mail-címre vagy telefonszámra. Jelöld ki a képet, és nyisd meg a Művelet fület a hivatkozás beállításához.

Hivatkozott képek gyakoriak logóknál, termékfotóknál és galériaelemeknél. Ügyelj rá, hogy a hivatkozás elég egyértelmű legyen, hogy a látogatók tudják: kattinthatnak rá.

Háttérképek

A Háttérkép blokk egy képet tesz a többi tartalom mögé. Használd hero szekcióhoz, fotóra írt idézethez vagy teljes szélességű bannerhez.

A fotóra írt szöveghez kontraszt kell. A sötét átfedés vagy a szöveg mögötti tömör panel általában megbízhatóbb, mint a szövegárnyék.

Képek gyűjteményből

A gyűjtemény képmezőjével minden elemhez kiválaszthatsz egy képet. Egy ismétlőben vagy egy elemoldalon a kép az aktuális elemből jön.

Így építhetsz portfóliót, terméklistát vagy csapatoldalt anélkül, hogy minden kártyát kézzel szerkesztenél.

A képmező beállításairól a Gyűjteménymezők oldalon olvashatsz.

Képminőség és sebesség

A Remake több méretben szolgálja ki a képeket, így a telefon nem tölt le asztali méretű fájlt. Ehhez viszont ésszerű eredeti képből kell kiindulnod.

Néhány szokás, ami segít:

• Akkora méretben exportáld a fotókat, amekkorában megjelennek, ne kamerafelbontásban.

• Használj WebP-t vagy AVIF-et, ha lehet. Azonos minőség mellett kisebbek a JPEG-nél.

• Ne tölts fel 4000 pixeles képet egy 300 pixeles kártyához.

• Tömörítsd a képernyőképeket, mielőtt feltöltöd őket.

Egy egyszerű kezdő recept

Hero képhez:

1. Adj hozzá egy szekciót.

2. Adj hozzá egy háttérképet vagy egy nagy képblokkot.

3. Tegyél rá egy címsort és egy rövid bekezdést.

4. Adj hozzá sötét átfedést, ha nehéz olvasni a szöveget.

5. Nézd meg a képet mobilon is, főleg a levágott részt.

Galériához:

1. Hozz létre egy gyűjteményt képmezővel.

2. Kapcsold be a gyűjteményoldalakat.

3. Adj hozzá egy ismétlőt a listaoldalhoz.

4. Tegyél egy képet az ismétlőbe, és kösd a képmezőhöz.

Az utolsó lépésről az Ismétlők oldalon olvashatsz.