Cum să vă optimizați imaginile pentru WordPress IdeaPixel
Greutatea și calitatea imaginilor sunt unul dintre aspectele fundamentale ale strategiei dvs. web. Optimizarea imaginilor pentru WordPress vă ajută să mențineți site-ul dvs. funcționând fără probleme, să fie mai bine menționat de motoarele de căutare și să ofere o experiență de utilizare plăcută și plăcută, în special din punct de vedere vizual.
În acest articol, vom afla ce înseamnă optimizarea imaginilor pentru WordPress. Apoi, cum să o faci și cu ce instrumente. Pentru instrumentele de tip plugin, ne vom baza pe un studiu comparativ realizat de Isaumya.
De ce să vă comprimați imaginile ?
Dacă imaginile fac conținutul site-ului dvs. mai atractiv, mai interactiv, ele pot avea un impact clar asupra vitezei de încărcare a paginilor dvs. Desigur, se spune adesea că o imagine valorează o mie de cuvinte, dar să nu uităm că 1000 de cuvinte cântăresc în medie mai puțin de 6000 de octeți (sau 6 KB) atunci când o imagine de 1 MB cântărește 1.000.000 (sau 1000 KB).
Greutatea imaginilor este determinată de dimensiunea acestora (în număr de pixeli), de metadatele asociate acestora și de culori. Cu toate acestea, o mare parte din aceste date sunt inutile din punct de vedere pur vizual. Într-adevăr, multe spectre de culoare nu sunt perceptibile de ochiul uman și anumite metadate (informații despre imagine, zoom, distanță focală etc.) nu prezintă niciun interes pentru o publicație web.
Astăzi, imaginile reprezintă mai mult de jumătate din conținutul site-urilor. Prin urmare, devine esențial să vă optimizați imaginile pentru buna funcționare a site-ului dvs. Să vedem cum !
Ce să știi despre imagini
Ce format pentru ce utilizare ?
Înainte de a include o imagine în WordPress (comprimată sau nu), vă recomandăm să alegeți formatul original al fotografiei. Formatele (PNG, JPEG, GIF) corespund modului în care (codarea) imaginilor sunt salvate în fișier. Cu excepția nevoii de transparență, formatul JPG este adesea cel mai potrivit pentru un site web.
JPG = Fotografii, imagini cu mii de culori sau nuanțe de gri
PNG = Diagrame, imagini simple, sigle sau imagini cu transparență. Foarte greu
GIF = picto cu puțină culoare, animație
Doar GIF și PNG permit transparența.
Compresie fără pierderi și pierderi ?
Compresie fără pierderi
Datele despre culoare nu sunt modificate. Eliminarea metadatelor irelevante (tipul dispozitivului, obiectivul, distanța focală utilizată etc.).
=> Reducerea dimensiunii de la 2% la 37%
Compresie cu pierderi
Program sofisticat (adesea plătit) care analizează toate datele (metadate și culori) pentru a le comprima.
=> Reducerea dimensiunii de la 40% la 97%
Pagina se va încărca mult mai repede.
Atenție: dacă programul utilizat nu este de înaltă calitate, poate exista o degradare a imaginii (pixelare).
Optimizați-vă imaginile fără plugin ?
Pentru cei mai confortabili, idealul este să vă optimizați imaginile înainte de a le integra în back office-ul WordPress și, astfel, să evitați utilizarea unui plugin de compresie a imaginilor.
Trebuie luați în considerare doi factori: dimensiunile și greutatea imaginilor.
Cunoașteți dimensiunile „corecte” ale imaginilor dvs.
Pentru o încărcare rapidă a site-ului dvs., este esențial să respectați dimensiunile stabilite de designerul web pentru locația planificată pentru fiecare imagine.
Pentru a verifica dacă aveți imagini de redimensionat, puteți utiliza GT Metric. Copiați și lipiți adresa URL și, dacă apare secțiunea „Serviți imagini la scară”, veți obține lista de imagini pentru a corecta cu dimensiunile corecte.
Instrument online pentru redimensionarea imaginilor
Copiați, lipiți adresa URL a imaginii în instrumentul online ImageResize
În secțiunea 2, puneți opțiunea „personalizare” și integrați dimensiunile recomandate de GT Metric. Apoi salvați imaginea pe computer.
Pentru a redimensiona imaginile, puteți folosi desigur orice software de editare a imaginilor, cum ar fi Photoshop, de exemplu.
Identificați imaginile de comprimat
Cu GT Metrics, puteți identifica ce imagini pot fi comprimate în continuare pentru a optimiza viteza de încărcare.
Copiați și lipiți adresa URL și în secțiunea „Optimizați imaginile” veți obține lista de imagini de comprimat.
Cu toate acestea, uneori este necesar să se facă compromisuri între calitate și greutate. De exemplu, imaginile care conțin text cu greu pot fi comprimate prea mult, deoarece textul va deveni ilizibil. Prin urmare, vor fi puțin mai grele dacă doriți să mențineți un anumit confort vizual.