3 egyszerű módszer a webes képek hatékony optimalizálására
Az emberek 40% -a elhagy egy olyan webhelyet, amely 3 másodpercnél nehezebben töltődik be, és minden megszerzett másodperc 7% -kal növeli a konverziós arányt és jobb élményt nyújt.
A képoptimalizálás hiánya a fő tényező, amely miatt egy webhelyet nehéz betölteni. Megtanulhatja, hogyan lehet hatékonyan optimalizálni fényképeit a webhelyen való közzétételhez tömörítés, átméretezés és SEO optimalizálás segítségével. Ezenkívül akár 70% -kal több helyet is megtakaríthat a szerveren.
# 1. Képtömörítés - akár 40-70% -kal gyorsabb a webhely betöltése
Ez a legfontosabb eljárás a képek átméretezésénél is nagyobb értékű képek optimalizálásához. Ezenkívül, ha a webhelye főleg vizuális, akkor a szerveren lévő hely és a havonta elfogyasztott sávszélesség 50% -át megtakaríthatja.
Mi a képtömörítés/tömörítés
A képtömörítés célja a használt fényképezőgép típusával, objektívjével, fókuszával, szerzőjével és sok más részletgel kapcsolatos információk kiküszöbölése. Ugyanakkor zajlik a képminőség tömörítése és optimalizálása látható minőségromlás nélkül.
A szükségtelen adatok eltávolítása után a képtömörítés célja a képminőség optimalizálása is jelentős minőségromlás nélkül.
Miért hasznos a képek tömörítése?
A fotótömörítés a már feldolgozott fényképek méretének akár 40% -ával is csökken. Például, ha a pixabay.com-ot vagy 12 másik ingyenes képoldalt használ a blogjához, akkor átlagosan minden kép 30-40% -át megtakaríthatja.
A fényképezőgépben lévő fényképek esetén a tömörítés akár 70% -ot is megtakaríthat. Így a tömörítés csökkenti a képek méretét, amelyek mind a webhely gyorsabb betöltéséhez, mind a szerveren helytakarékossághoz hasznosak, és különösen érdekes lehet számodra, ha a webhely idegenforgalmi, főzési, tervezési vagy főleg vizuális célokat szolgál.
Tömörítési módszerek
Két fő lehetőség van: a WordPress platform használatakor telepítheti a TinyJPG plugint, minden feltöltött kép automatikusan tömörül. Ha olyan webhelye van, amelyet teljesen a semmiből készített, vagy csak tömöríteni szeretné a képeket, használhatja a tinyjpg.com online verziót.
1. módszer: Tömörítse a képeket a tinyjpg.com segítségével
39% -os tömörítés 5 képhez az Pixabay-en.
79% -os tömörítés, 5 fényképhez a fényképezőgépből.
Akár 20 képet is áthúzhat egyszerre, és néhány másodperc alatt jelentősen csökken a méretük.
online oldal
fogd és vidd
40-80% -kal csökken a képméret
Teszteljen egy fotót most, hogy pontosan megnézze a menthető százalékot.
2. módszer: Automatikus képtömörítés a WordPress TinyJPG beépülő modul használatával
WordPress bővítmény
teljesen automatikus folyamat
40-80% -kal csökken a képméret
Összehasonlító adat plugin VS online verzió
A WordPress beépülő modul hatékonyabbnak bizonyul, mind a jobb tömörítéssel, az online verzió mellett néhány KB megtakarítással, mind az időmegtakarítással, a kép automatikus feltöltésekor a webhelyre:
325,5 KB eredeti: 142,2 KB - tinyjpg.com, 125 KB - WordPress
208 KB eredeti: 86,6 KB - tinyjpg.com, 85 KB - WordPress
133,7 KB eredeti: 100,1 KB - tinyjpg.com, 98 KB - WordPress
162,4 KB eredeti: 128,5 KB - tinyjpg.com, 119 KB - WordPress
256,2 KB eredeti: 208,4 KB - tinyjpg.com, 203 KB - WordPress
# 2.Méretezze a képeket
A kép átméretezése a pixelekben, szélességben és magasságban kifejezett méretek csökkentésére utal. Ez szintén a kép méretének csökkenéséhez vezet KB-ban (kiló csalik). Az átméretezés után tömörítésre is szükség van, ami a fénykép jelentős csökkenéséhez vezet.
A képek átméretezése online
A picresize.com webhelyen átméretezheti fényképeit, amint a fényképezőgépből készültek.
Az offline fotók átméretezése
Az offline fényképek átméretezéséhez ingyenes PIXresizer szoftvert használhat
Mekkora az optimális méret a blogomhoz?
Az optimális méret témánként és helyszínenként eltér.
A pontos WordPress méret megtalálásához lépjen arra az oldalra, ahová a képet közzétette, és kattintson a Kép szerkesztése> Kép részletei> Méret> Nagy.
Itt megtalálja a megadott méretet, megfelel a választott témának és 600 és 1024 pixel között változhat. Az elemzési adatok elérésével láthatja látogatóinak sajátosságait, beleértve azokat a felbontásokat, amelyek alapján hozzáférnek az Ön webhelyéhez. Valószínűleg több mint 55% használ mobiltelefont.
Ideális méret: 768 pixel
A legtöbb WordPress-téma a Bootstrap keretrendszert használja. Ugyanígy a 2015 után készült bemutató helyek is. A Bootstrap segít adaptív webhelyek létrehozásában, és az átmenet pontja mobilról táblagépre 768 pixel széles.
Ez a méret elegendő a kétoszlopos felépítésű és egy blogos képek megjelenítéséhez mind mobilon, mind táblagépen, laptopon, asztali számítógépen. Ha a témának nincsenek teljes szélességű asztali képei vagy egyéb speciális követelmények, akkor a 768 képpont szélesség az a méret, amely segít a maximális optimalizálásban.
# 3. Képoptimalizálás a SEO számára
Minden közzétett képéhez hozzájárulhat az oldal optimalizálásához, valamint a Google képekben való megjelenítéshez.
A képek jelentősége
A fényképeknek támogatniuk kell a webhely címében és tartalmában elmondottakat. Mind az olvasók, mind a Google számára, amelynek jelenleg nagyon jó elképzelése van a fotózásról.
Képek átnevezése
Miután megtalálta a megfelelő képet, érdemes megváltoztatni a nevét. A 38732145_IMG helyett beírhatja azokat a szavakat, amelyekre optimalizálni szeretne, például az cikknél az optimizare_imagini_web.jpg.
ALT attribútum
Ez egy olyan attribútum, amelyet a Google értékel, ha a kép nem érhető el, ez a szöveg jelenik meg. Ezenkívül a látássérültek többet megtudnak a képről.
Cím, Felirat, Leírás attribútumok Ha a WordPress platformot használja, könnyedén kitöltheti ezeket az attribútumokat, hogy további részleteket nyújtson a fényképéről.
Következtetés
A webhely betöltési sebességének növelése jobb élményhez vezet, növeli a konverziós arányt, a megtartást és a webhelyre való visszatérést. Minden megszerzett másodperc 7% -kal növeli az átváltási arányt és jobb élményt nyújt.
A weboldalakra felvett fotók gyakran feldolgozatlanok, ezek a fő tényezők, amelyek miatt egy webhelyet nehéz betölteni. Még a már feldolgozott fotók használata esetén is jelentős csökkenést érhet el.
A hatékony képoptimalizálás 3 szempontot tart szem előtt:
1. tömörítés, amely révén a képméret 40-70% -kal csökkenthető KB-ban.
2. Átméretezze és képeket jelenítsen meg a téma vagy a webhely méretében, pixelben.
3. SEO optimalizálás, amelyen keresztül vonzhatja a releváns forgalmat.
Ezeknek a dolgoknak az alkalmazásával, amelyekhez nincs szüksége műszaki ismeretekre, jelentősen javíthatja webhelye betöltési sebességét, helyet takaríthat meg a szerveren, és növelheti a Google kereséseit. Ezenkívül kellemes böngészési élmény vonzza az elégedett látogatókat.
Iratkozzon fel, ha tételeket, tanfolyamokat és kedvezményeket szeretne kapni közvetlenül a postaládájába