Miért van szüksége képoptimalizálásra webhelyéhez?

Gyors navigáció az oldalon:

Mi ez és miért van rá szükség?
Hogyan készítsünk?

A webhely képeinek optimalizálása minden komoly webhely esetében a "must have" listáján szerepel, azonban a gyakorlat azt mutatja, hogy a valóságban sok webmester nem mindig folyamodik ehhez. Bevallom, és nem mindig teszem ezt. Gondolkodás közben jelent meg ez a cikk.

Mi ez és miért van rá szükség?

Ennek a kérdésnek a megértése azért fontos, hogy ne az optimalizálás kedvéért optimalizáljunk (a "legyen" elve alapján).

Ennek az akciónak alapvetően két célja van: - a keresőmotorok elégedettsége; - felhasználói elégedettség.

Ugyanakkor az oldalát reklámozó webmester számára természetesen az első pont a lényegesebb. Ugyanis jelenleg a keresőmotorok az oldal betöltési sebességét veszik figyelembe, mint az egyik tényezőt a keresési eredmények között elfoglalt helyezésében. Természetesen nem ez a legfontosabb tényező, de ha az erőforrásod semmivel sem jobb, mint a többi, ugyanakkor nagyon lassan töltődik be, akkor, mint tudod, a keresőnek nem lesz oka előrébb helyezni, ellenkezőleg, teljesen logikus, hogy alacsonyabb rangot kap.

De a második pont is közvetlen jelentőséggel bír – még ha ezt a tényezőt nem is vennék közvetlenül figyelembe a keresőmotorok, akkor is közvetett jelentése lenne. A gyorsabban betöltődő webhely jobban fog tetszeni a látogatónak, így az átlagos látogató szívesebben nézi végig az adott webhely különböző oldalait, növelve ezzel a viselkedési tényezőket. Ha az oldal betöltése túl sokáig tart, a felhasználó könnyebben bezárja, és egy másik oldalra lép, ami rontja a viselkedési tényezőket.

Így az optimalizálás fő feladata a képek méretének csökkentése – mind az oldal kialakításában, mind a cikkekben található képekben, míghogy felgyorsítsa a betöltését, és ezáltal egy kis pluszt kapjon a rangsorban és a viselkedési tényezőkben.

Hogyan készítsünk?

1. A megfelelő formátumot használjuk

Mint tudják, az interneten a fő képformátumok a jpg, png png-8 és png-24) és gif. Mindegyiknek megvan a maga célja, és ezt nagyon kívánatos követni.

Például jelenleg a png formátumot tartják a legoptimálisabbnak a grafikákhoz (png-8 – egyszerű képekhez, kevés színnel, png-24 – sok színnel és áttetszőséggel rendelkező képekhez).

A gif formátum mára elavult, és főleg animációhoz használják. Jobb, ha a közönséges gombokat és ikonokat png-ben készítjük, mivel kisebb a súlyuk (ezt próbáljuk elérni), és jobban néznek ki az összetett részletekben.

A jpg formátumot fotók és nagyméretű összetett képek készítésére használják.

Ezen szabályok alapján el kell készíteni az oldal dizájnját, és ellenőrizni kell, hogy az összes kép milyen formátumban készült - nincsenek felesleges design elemek jpg vagy gif formátumban, és nem használnak png formátumú képeket a bejegyzésekben (ill. sokkal rosszabb, bmp és egyéb ritka formátumok), amelyeknek jpg-ben kell lenniük.

2. A képek szélessége és magassága

Minden képet csak abban a méretben szabad feltölteni, amilyenben ténylegesen megjelenik az oldalon. Ez egyébként az egyik gyakori hiba, mert a webmesterek sokszor az adminon keresztül töltenek fel képeket anélkül, hogy csökkentenék a méretüket. Ennek eredményeként egy 300x200-as kép jelenik meg az oldalon, és a valóságban egy 900x600-as fájl töltődik be, vagy akár nagyobb, mint a weboldal oldalának szélessége.

A méret csökkentésére személyesen az ingyenes Paint.net szerkesztőt használom - ez egy nagyon egyszerű és jó szerkesztő, mindennel, amire szüksége vanoptimalizálási funkciók. Természetesen van photoshop, de ezekhez a célokhoz feleslegesnek tartom a használatát.

A Paint.netben csak meg kell nyitnia egy fényképet, meg kell nyomnia a CTRL+R billentyűkombinációt, és be kell állítania a kívánt szélességet az ablakban, és a magasság automatikusan megváltozik. Ha ezután le kell vágni a magasságot, akkor ki kell választani a kívánt területet (a méretei a program alján jelennek meg), és meg kell nyomni a CTRL+SHIFT+X billentyűkombinációt.

3. Fájlméret

A szélesség és magasság változtatása mellett a legfontosabb mutató a fájl mérete. Ha nincs fotóportálod, akkor hidd el, a felhasználóknak egyáltalán nincs szükségük 100%-os jpeg minőségű fényképekre, nem látnak különbséget a 90%-os és a 100%-os minőség között, és a fájl mérete is jelentősen csökken ezzel. egyedül változni. Akár 60-80%-ot is csökkenthet – csak ügyeljen arra, hogy a minőség ne sérüljön.

Megismétlem ezt a műveletet ugyanabban a Paint.net-ben - kattintson a "Mentés másként" gombra a megnyitott jpeg fájlon (CTRL+SHIFT+S), majd mentéskor a rendszer kéri a minőség kiválasztását. A művelet körülbelül 2 másodpercet vesz igénybe))

4. Készítsen vízjelet?

Sok webhelyen láthat egy aláírást a megfelelő projekt URL-címével és/vagy logójával a kép alján. Egy ilyen vízjelet sokféleképpen lehet készíteni - Photoshopban (beleértve az automatizált műveletet is), megtehető a Paint.net-ben, megtehető PHP-eszközök vagy WordPress-bővítmények segítségével.

Más kérdés, hogy kell-e alkalmazni?

Itt az én tisztán személyes IMHO-m az, hogy van értelme alkalmazni azokra a fényképekre és képekre, amelyeket Ön fotózott, készített, rajzol, készített. Ezzel védi a szerzői jogait, mert ellenkező esetben nagy valószínűséggel több tucat forrás másolja a munkáját, és Ön nem fog tudni mit kezdeni vele.

Ha arról van szó, amit közzéteszaz oldaladon néhány kép, amit az interneten talált (ugyanazokkal a Google vagy Yandex képekkel), akkor véleményem szerint helytelen és etikátlan vízjelet tenni rá.

Következő