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

Dolgozzunk együtt!

Mesélj a projektedről és a célodról, valósítsuk meg közösen.

Kapcsolatfelvétel
WPViking Agency logó fehér

A weboldalad ma már a névjegykártyád. Innovatív csapat vagyunk, akik több, mint 14 éve foglalkoznak weboldalak készítésével.

Oldalak

Kövess minket!

Elérhetőségünk

2015-2024 © WPViking Kft. | Minden jog fenntartva! | Adatvédelmi nyilatkozat | Impresszum