A képek optimalizálása a WordPress IdeaPixel számára
A képek súlya és minősége a webstratégia egyik alapvető szempontja. Képek optimalizálása a WordPress számára elősegíti a webhely zökkenőmentes működését, a keresőmotorok általi jobb hivatkozást, valamint zökkenőmentes és kellemes felhasználói élményt nyújt, különösen vizuális szempontból.
Ebben a cikkben megtudjuk, mit jelent a képek optimalizálása a WordPress számára. Ezután, hogyan kell csinálni, és milyen eszközökkel. A plugin típusú eszközök esetében Isaumya által végzett összehasonlító tanulmányra támaszkodunk.
Minek tömöríteni a képeket ?
Ha a képek vonzóbbá, interaktívabbá teszik webhelye tartalmát, határozottan befolyásolhatják az oldalak betöltési sebességét. Igaz, gyakran mondják, hogy egy kép ezer szót ér, de ne felejtsük el, hogy 1000 szó súlya átlagosan kevesebb, mint 6000 bájt (vagy 6 KB), ha egy 1 MB-os kép súlya 1.000.000 (vagy 1000 KB).
A képek súlyát a méretük (képpontok számában), a hozzájuk tartozó metaadatok és a színek határozzák meg. Ezen adatok nagy része azonban pusztán vizuális szempontból felesleges. Sok színspektrumot az emberi szem nem érzékel, és bizonyos metaadatok (a képre vonatkozó információk, zoom, fókusztávolság stb.) Nem érdekelnek egy webes publikációt.
Ma a képek a webhelyek tartalmának több mint felét teszik ki. Ezért elengedhetetlenné válik a képek optimalizálása a webhely megfelelő működése érdekében. Lássuk, hogyan !
Mit kell tudni a képekről
Milyen formátumot milyen felhasználásra ?
Mielőtt képet illesztene a WordPressbe (tömörítve vagy nem), javasoljuk, hogy válassza ki a fénykép eredeti formátumát. A formátumok (PNG, JPEG, GIF) megegyeznek a képek fájlba mentésének módjával (kódolással). Az átláthatóság szükségességét leszámítva gyakran a JPG formátum a legalkalmasabb egy weboldal számára.
JPG = Fotók, képek ezer színnel vagy szürke árnyalattal
PNG = Diagramok, egyszerű képek, logók vagy átlátszó képek. Nagyon nehéz
GIF = picto, kevés színnel, animációval
Csak az GIF és a PNG teszi lehetővé az átláthatóságot.
Veszteségmentes és veszteséges tömörítés ?
Veszteségmentes tömörítés
A színadatok nem változnak. Irreleváns metaadatok (eszköz típusa, lencse, használt gyújtótávolság stb.) Eltávolítása.
=> Méretcsökkentés 2% -ról 37% -ra
Vesztes tömörítés
Kifinomult program (gyakran fizetett), amely az összes adatot (metaadatokat és színeket) elemzi és tömöríti.
=> Méretcsökkentés 40% -ról 97% -ra
Az oldal sokkal gyorsabban töltődik be.
Figyelem: ha az alkalmazott program nem jó minőségű, a kép romlása (pixeláció) lehet.
Optimalizálja képeit plugin nélkül ?
A kényelmesebbek számára az ideális a képek optimalizálása, mielőtt integrálnák őket a WordPress háttérirodájába, és így elkerülhetővé válna a képtömörítő plugin használata.
Két tényezőt kell figyelembe venni: a képek méreteit és súlyát.
Ismerje képei „megfelelő” méreteit
Webhelyének gyors betöltéséhez elengedhetetlen a webtervező által az egyes képek tervezett helyéhez meghatározott méretek betartása.
A GT Metric segítségével ellenőrizheti, hogy van-e átméretezhető képe. Másolja és beilleszti az URL-t, és ha megjelenik a "Képek kiszolgálása méretarányosan" szakasz, akkor a helyes dimenziókkal korrigálandó képek listája jelenik meg.
Online eszköz a képek átméretezéséhez
Másolja, illessze be a kép URL-jét az ImageResize online eszközbe
A 2. szakaszban tegye a „testreszabás” opciót, és integrálja a GT Metric által ajánlott méreteket. Ezután mentse a képet a számítógépére.
A képek átméretezéséhez természetesen bármilyen képszerkesztő szoftvert használhat, például a Photoshopot.
Azonosítsa a tömörítendő képeket
A GT Metrics segítségével meghatározhatja, mely képeket lehet tovább tömöríteni a betöltési sebesség optimalizálása érdekében.
Másolja és beilleszti URL-jét, és a „Képek optimalizálása” részben megkapja a tömörítendő képek listáját.
Néha azonban kompromisszumokra van szükség a minőség és a súly között. Például a szöveget tartalmazó képeket aligha lehet túlságosan tömöríteni, mert a szöveg olvashatatlanná válik. Ezért egy kicsit nehezebbek lesznek, ha meg akarsz tartani egy bizonyos vizuális kényelmet.