4 lépés a képek helyes feltöltéséhez

Nem lehet eléggé kihangsúlyozni, hogy a feltöltött képek mérete milyen jelentős hatással van weboldalunk betöltési sebességére, mivel egy átlagos weboldal mérete kb. 2–3 MB között mozog. Ez megegyezik egy darab átlagos kép méretével is!

Ha a médiaelemek nincsenek megfelelően optimalizálva, a betöltési idő jelentősen megnőhet, ami negatívan befolyásolja a felhasználói élményt és a keresőoptimalizálást is. Kövesd a megfelelő lépéseket, hogy weboldalad gyorsan betöltődő, jól optimalizált képekkel működjön!

A helyes képfeltöltés 4 lépése:

1. Kép átméretezése

Fontos, hogy a képek ne legyenek túl nagyok, mert lassíthatják az oldal betöltési idejét. Egy egyszerű online eszközzel – mint pl. a Simple Image Resizer – könnyedén átméretezhetjük a képeket. Töltsük fel a képet a megadott oldalon, majd állítsuk be a szélességet, és kattintsunk a Resize gombra. Ezután töltsük le a már átméretezett fájlt.

Cserélendő kép esetén a régi kép, vagy a galériában már feltöltésre került médiafájlok mérete hasznos iránymutatást nyújthat számodra. Íme néhány tipp a megfelelő méret meghatározásához:

Hogyan határozd meg a kép méretét?

Teljes szélességű képek, háttérképek: Ezeknek általában a honlap teljes szélességét ki kell tölteniük, így a 1920 pixel széles képek megfelelőek lehetnek.
További képek: Az illusztrációkhoz vagy ikonokhoz elegendő lehet a 300-600 pixel szélesség.
Blogbejegyzések borítóképe: A 1200 pixel széles képek széles körben elterjedtek, és jól mutatnak a közösségi média oldalakon való megosztáskor.
Portfóliók, galériák: Itt nagyobb, részletesebb képekre van szükség (1200-2000 px széles), hogy a látogatók jól láthassák a részleteket.

2. Kép tömörítése

A kép tömörítése elengedhetetlen, mert jelentősen csökkenti a fájlméretet anélkül, hogy jelentősen rontaná a minőségét.Látogass el a tinyjpg.com weboldalra, és töltsd fel a képet. A TinyJPG automatikusan, néhány másodperc alatt elvégzi a tömörítést. A folyamat végén letöltheted a képet, és láthatod az eredeti és a tömörített fájlok méretét is, nagy lesz a különbség!

3. Kép átnevezése

Mielőtt bármilyen médiafájlt az oldaladra feltöltesz, MINDIG nevezd át. A névnek leíró jellegűnek lennie, hogy pontosan tükrözze, mit ábrázol a kép, és lehetőleg kulcsszót is tartalmazzon, ezzel is segítve a keresőoptimalizálást (SEO).

Használjunk kisbetűket, ékezetek nélküli karaktereket, és ha több szóból áll a név, kötőjellel válasszuk el a szavakat (pl. „kep-optimalizalas-webre.jpg”).

4. Kép adatainak kitöltése

A képfeltöltés után sem ér véget a folyamatunk, sőt! A médiatár admin felületén állítsuk be a képre vonatkozó alábbi adatokat:

Helyettesítő szöveg (alt név) – megadása kötelező, mert több fontos funkciót lát el:
- A vakok és gyengénlátók számára a képernyőolvasók ezt a szöveget olvassák fel.
- Ha valamilyen okból a kép nem tölt be, a látogatók számára ez a szöveg lesz látható.
- A Google képfelismerő algoritmusa értékeli a képek helyettesítő szövegeit, és ha ezek nem egyeznek a képtartalommal, az oldal hátrébb sorolódhat a találati listán.
Cím: Ez a mező alapértelmezetten tartalmazza a kép nevét, amelyet itt megváltoztathatunk.
Felirat: Ha szeretnénk, hogy a kép alatt felirat jelenjen meg, például galériákban, akkor itt állíthatjuk be.