Hogyan optimalizálhatjuk a képeket az internethez és hogyan lehet sebességük

Hogyan lehet növelni a webhely állandóságának idejét a SEO pozicionálásának javítása érdekében
[SEO kezdőknek] A 7 kulcsfontosságú ötlet, amelyet ismernie kell a webhelye elhelyezéséhez

GOOGLE SZAKÉRTŐ?

internethez

Várólista

Mindannyian szeretjük a képeket.

És ez az, hogy nagyon hasznos elem a márkanév erősítésében, a nagyobb szakmaiság közvetítésében, a felhasználó figyelmének lekötésében, az interneten töltött idő javításában stb.

Mindezen előnyök mögött azonban sok vállalat hibázik: ne optimalizálja a képeket feltöltéskor.

A priori lehet, hogy ez nem tűnik valami nagyon "komolynak" az Ön számára, de ha elhagyja, akkor lehetséges, hogy a webhelye évekbe telik, vagy akár a szervere is telítetté válik. Már látja annak fontosságát?

Tehát ne hagyja ki ezt a bejegyzést, mert elmagyarázzuk minden, amit tudnod kell a weboldalad képeinek lépésről lépésre történő optimalizálásához, és milyen eszközöket használhatsz.

A cikk tartalma index:

Miért olyan fontos a weboldalon lévő képek optimalizálása

Képzelje el egy pillanatra, hogy egy hatodik emeleten lakik, ahol nincs lift, és Önnek kell viselnie a vásárlást. Mi lesz könnyebb neked, tölts fel egyetlen táskát, vagy tölts fel egyszerre ötöt?

A válasz nyilvánvaló.

Nos, ugyanez történik a webhelyével is.

A képek optimalizálás nélküli feltöltése olyan, mintha az oldalának sok nehéz táskával megrakott lépcsőn kellene felmásznia.

A képlet egyszerű: kevesebb súly, gyorsabb.

Ennek pedig számos előnye is van:

Mivel Ön talán túlzásnak gondolja, javasoljuk, hogy nézze meg ezt a videót, amelyet a Google készített, hogy bemutassa a lassú betöltési sebesség következményeit a mobil verziókban. 😉

Képzelje el magát a mobiljával abban az üzletben, amely nem töltődött be, valóban úgy gondolja, hogy ennyit várt volna egy másik webhelyre?

Hogyan optimalizálhatjuk a weboldal képeit lépésről lépésre

Most, hogy biztos benne, hogy tisztában van a képek tömörítésének és beállításának fontosságával, itt az ideje megismerni, hogyan kell ezt csinálni.

1. Milyen képformátumot használjon

Az egyik olyan kérdés, amelyet az ügyfelek feltesznek nekünk a legjobban, amikor megtervezzük a weboldalukat, az az, hogy milyen formátumban kell a képeket leadniuk. Ez a 2 lehetőség:

  1. PNG: jobb minőséget kínál és átlátszó háttéreket tesz lehetővé, de többet nyom. Ez a legjobb választás képernyőképekhez, sok fehér színű képekhez vagy logóhoz.
  2. JPEG: jobban játszhatunk, ha csökkentjük a méretet, és súlya kisebb, mint egy PNG, azonban a minőség gyengébb lesz. Jobb JPEG-t használni nagyon nagy képekhez, sok színnel vagy elemmel, mivel a PNG-ben ezek a képek sokkal többet fognak súlyozni.

Ezzel tisztázva beszéljünk a pixelekről. 😉

2. Mérések

Itt meg kell különböztetni a webhely statikus oldalain használandó képeket (azokat, amelyek nem változnak normálisan), és a bejegyzések között. A statikus oldalak esetében a webdesigner fogja optimalizálni őket, másrészt a cikkeidben a szerkesztő vagy a vállalat tartalmáért felelős személy, akinek ezeket optimalizálnia kell.

Biztosan ismeri a következő kifejezést: "ami legyeket lövöldöz ágyúval".

Nos, valami ilyesmi történik a képek mérésével. A bejegyzéseid kiemelt képeit, vagy azokat, amelyeket a szövegben írsz be, előre meghatározott méretben jelenít meg a sablon, amelyet a tervező a web létrehozásakor használt. Így, ha a képet mondjuk 800 pixel méretben akarják megtekinteni; nincs értelme feltölteni egy 6000 pixeles képet.

Abban az esetben, ha nem tudja a bejegyzések szélességét (általában a teljes szélességet elfoglaló képeket helyeznek el), próbálja meg feltölteni egy 850 pixeles képet. A szokásos szélesség, amelyet általában kezelnek, ez az ábra ingadozik.

3. A híres "súly" vagy minőség