Weboldal képek

A weboldalad igazából szövegekből és képekből fog állni, ezért nagy mértékben befolyásolja a honlapod hatását a képek minősége.

A látogatóid nem szeretnek hosszasan weboldalakat olvasgatni, így neked az a feladatod, hogy minél tömörebben fogalmazd meg, amit át akarsz adni. A szövegek értelmezését segítsd a képeiddel, hisz vizuálisan sokkal gyorsabban felfogja az agy, hogy mi is történik.

Milyen is a jó kép?

informatív, de nem szájbarágós
megfelelő méretű és jó felbontású (háttérkép 1920px széles)
nem művi/beállított, inkább természetes hatású
ideális esetben saját, jó minőségű kép vagy profi fotós által készített
legálisan felhasználható (creative commons jelölésű)
csoportképeken, profilképeken jól látszódik az arc
jó a megvilágítás
nem giccses, nincsenek rajta fölösleges szövegek
a grafikák és fotók stílusa az egész weboldalon egységes
a termékfotók nagyon jó minőségűek, informatívak
megfelelően tömörített (hogy ne foglaljon nagy helyet)

Kedvenc ingyenes és fizetős képforrások

Pixabay – 1,7+ millió kép.
Foter – 335 millió+ fotó.
Gratisography – Furább, de nagyon minőségi képek.
Unsplash – Brutál képek, bárhogyan felhasználhatóak.
Pexels – Nem túl sok kép, de kiváló minőség.
PicJumbo – Közepes mennyiség, de remek képek.
Jay Mantri – Nagyon jó minőségű, főleg természetképek.
Stockvault – Sok kategóriára van szétbontva, ami könnyíti a keresést.

Fizetős képforrások

Envato Elements – Több mint 15 millió kreatív elem korlátlan letöltése.
Freepik– Kiváló minőségű vektoros design-ok, fényképek, videók, makettek.

Nézelődjetek bátran, mert van előfizetésünk, és ha elkülditek a linkeket akkor letudjuk tölteni őket.

Képek elnevezése

Használj egyszerű, könnyen érthető szavakat.
Kerüld a technikai vagy zavaró kifejezéseket.
Használj kulcsszavakat, amelyek tükrözik a kép tartalmát és relevánsak a weboldal témájához.
Kerüld a generikus fájlneveket, mint „kep1.jpg” , adj a képnek egyedi nevet, ami leírja a tartalmát.
Használj kisbetűket és kötőjelet vagy alulvonást a szavak elválasztására, és sose használj ékezetet a képek elnevezésénél. A kép elnevezésben segíthet ez az oldal: https://blog.tersmitten.nl/slugify/ (Ez kiveszi az ékezeteket, stb.)

Képek méretezése:

A gyors betöltési sebesség és az oldalméret érdekében a képeket a megfelelő méretben kell megjeleníteni. Például fölösleges egy 4000x3000px méretű képet feltölteni, ha csak maximum 400x300px-en lesz megjelenítve. Ezzel rengeteget lehet csökkenteni az oldal méretén, amivel a betöltési idő is csökken.

Javaslat:
1920 px szélességű képet tölts fel, ha kép teljes szélességében szeretnéd az oldalon használni, 1080px amennyiben osztott szakaszokban / nem teljes képernyőn használnád a képet. A magasság ehhez arányos legyen.

Képek tömörítése

Az oldal méretének csökkentése és a gyorsabb betöltési sebesség érdekében a képeket veszteségmentesen tömöríteni kell. Javasoljuk a webP formátum használatát.

Tömörítéshez ajánlott eszközök:
Képeknél: https://tinypng.com/
Videóknál: https://www.mp4compress.com/

Összefoglalás

A képek keresgélése sokáig tarthat, de megéri rászánni az időt
Érdemes eleinte ingyenes oldalakról beszerezni a képeket
Kerüld a régi, béna stock fotókat és próbálj meg friss, minőségi képeket használni
Ha teheted, mindig egy igazi, általad vagy egy fotós által készített képet válassz, ahol lehet