Kép hozzáadása a weboldalhoz

Képek szerepe

A képek fontos elemei egy weboldalnak, mert segítenek vizuálisan vonzóvá tenni az oldalt. Felkelthetik a látogatók figyelmét, segíthetnek az információk jobb megértésében és emlékezetessé tételében, valamint a márkaépítésben és az üzenetek hatékonyabb átadásában. A megfelelően kiválasztott és elhelyezett képek hozzájárulhatnak az oldal látogatottsága és az oldalon eltöltött idő növeléséhez is.

Kép feltöltése és testreszabása

Kép feltöltése

Médiatár

Néhány javaslat

1. Háttérkép kiválasztásakor fontos figyelembe venni, hogy ne vonja el a figyelmet a szöveges tartalomról! Ha a háttér túl hangsúlyos vagy zsúfolt, akkor zavaró lehet a szöveg olvasása. Bármennyire is tetszen nekünk egy kép, ha elvonja a figyelmet, vagy nehezen olvashatóvá teszi a honlapunk tartalmát, rontani fog a felhasználói élményen és az oldalunk megítélésén. Ezért háttérkép használata esetén nyugodtan kísérletezzünk a szövegblokkok, vagy szövegek színének változtatásával.
2. A képek felbontásának megválasztása rendkívül fontos szempont a honlapunkon szereplő képek esetében, különösen, mivel a honlapunk látogatói különböző méretű monitorokon jelenítik meg azokat. A megfelelő felbontás kiválasztása lehetővé teszi, hogy a képek élesek és részletgazdagok maradjanak, függetlenül attól, hogy valaki kisebb vagy nagyobb képernyőn nézi a honlapot. A rosszul megválasztott felbontás esetén a képek elmosódottak, illetve szemcsések lehetnek, ami csökkentheti az oldalunk látványosságát és felhasználói élményét. Ezért fontos gondosan megfontolni a képek méretét annak érdekében, hogy azok optimálisan jelenjenek meg mindenféle eszközön.
3. A weboldalra feltöltött képek elnevezése nem csupán rendszerezési szempontból fontos, hanem a keresőoptimalizálás (SEO) és a felhasználói élmény miatt is. Ha a fájlnevek általánosak, például kep01.jpg vagy image2.png, azzal sem a keresőmotorok, sem a látogatók nem tudnak mit kezdeni. Ehelyett érdemes beszédes, a kép tartalmát leíró neveket használni, például terkotisztitas-tata.jpg vagy villanyszereles-budapest.jpg. Ezek segítik a Google-t a képek azonosításában, javíthatják a találati listán való megjelenést, és átláthatóbbá teszik a fájlokat a későbbi szerkesztés során is. Ügyeljünk arra is, hogy az elnevezés kisbetűs legyen, ékezetek és szóközök nélkül, a szavakat kötőjellel elválasztva.

Képek keresése és kiválasztása

A legális képletöltéshez számos lehetőségünk van. Az egyik lehetőség a stock fotószolgáltatók használata, ahol különböző témákban és stílusokban keresgélhetünk és megvásárolhatjuk a megfelelő képeket. Egy másik opció az ingyenes stock fotó oldalak használata, ahol a képek szabadon letölthetők és felhasználhatók a honlapunkhoz, de fontos figyelmet fordítani a képek licencfeltételeire és a forrás megjelölésére. 

Stock fotó oldalak például: unsplash.com, pixabay.com vagy pexels.com.
Emellett saját fényképeket is készíthetünk vagy grafikai tervezővel egyedi képeket készíthetünk a honlapunkhoz.

Fontos, hogy mindig tartsuk tiszteletben a szerzői jogokat és legális forrásból szerezzük be a képeket a honlapunkhoz, vagyis kerüljük a vízjellel ellátott képeket és figyeljünk a minőségükre, vagyis a felbontásukra!