Ghidul complet pentru optimizarea imaginilor pentru web (WordPress)

Actualizat la 21.05.2018 | Postat pe 07/05/2017 | 3 comentarii

complet

Viteza unui site web este unul dintre criteriile luate în considerare de algoritmul Google. Cu alte cuvinte, dacă site-ul dvs. este rapid, veți avea mai multe șanse să ajungeți pe prima pagină a rezultatelor căutării și, ca bonus, cititorii dvs. se vor bucura de el! Cu toate acestea, această viteză depinde de un anumit număr de criterii, cum ar fi alegerea serverului dvs., de dumneavoastră temă (WordPress), fonturile dvs., calitatea codului și, mai presus de toate, greutatea imaginilor tale. Vă voi explica apoi cum să optimizați și să comprimați eficient imaginile dvs. pentru web in timp ce mentinem un nivel bun de calitate.

Imaginile dvs. pentru web: convenții de respectat !

Înainte de a începe, rețineți că trebuie să respecti mai multe reguli astfel încât imaginile tale să fie acceptabile și optimizat pentru web.

Regula nr. 1: acționați asupra imaginilor dvs. în conformitate cu mai multe criterii

  • Dimensiunile: camerele fac fotografii de înaltă calitate, de obicei cu o lățime de peste 5000 pixeli. Cu toate acestea, pentru web, aceste imagini sunt mult prea mari. O imagine lată de 600 până la 1000 de pixeli va fi mai mult decât suficientă(depinde de utilizarea sa și de tema WordPress utilizată: o imagine pentru a ilustra un articol, o imagine pentru Header Hero sau o imagine de fundal nu vor avea aceeași lățime). Reducerea dimensiunii (L x Î) a unei imagini va reduce de facto greutatea acesteia. Acesta este primul punct pe care să acționăm. Cu toate acestea, asigurați-vă că mențineți „raportul” imaginii, adică proporția dintre lățime și înălțime.
  • Rezolutia: imaginile dvs. pot avea diferite tipuri de rezoluții, de la 72 la 400 DPI (sau PPP) este numărul de "Puncte pe inci" care definește bobul și calitatea imaginii pentru imprimare. Pentru web, tipul de rezoluție nu va modifica greutatea imaginii, prin urmare, nu este nevoie să acționați pe baza acestui criteriu.
  • Compresia: majoritatea software-ului de editare a imaginilor vă va permite să afectați calitatea compresiei cu un anumit procent. Dacă reduceți acest procent, de la 100% la 80% de exemplu (puteți coborâ la 60%), imaginea dvs. nu va pierde mult în calitate, dar, pe de altă parte, se va lumina considerabil.
  • Greutatea: nu există cu adevărat o greutate „perfectă”, dar este sigur că imaginile dvs. pentru site-ul dvs. web ar trebui să fie cât mai ușor. Ideal, o imagine mai mică de 100 KB ar fi un început bun. Apoi, ceea ce trebuie luat în considerare este numărul de imagini de pe aceeași pagină web.

Regula # 2: acționați ÎNAINTE să încărcați imaginile pe WordPress

Înainte de a încărca imaginile în biblioteca site-ului dvs. WordPress, va trebui denumiți fotografia corect. Nu va trebui în niciun caz nu utilizați:

  • personaje speciale („#/@ & (,!’ + =.),
  • a personajelor accentuate (éïèàêîâ ...),
  • majuscule,
  • și va trebui să înlocuiți-vă spațiile cu liniuțe (liniuțe de 6 -/nu liniuțe de 8 _ numite UNDERSCORE).

De exemplu: "Menu-sucre-sale.jpg" si nu „Menu_sucré _ & _ salé.jpg”.

Denumirea necorespunzătoare a imaginilor dvs. ar putea afecta afișarea acestora în unele browsere web.

Regula # 3: ACȚIONAȚI DUPĂ încărcarea imaginilor pe WordPress

Aceasta este ultima fază de optimizare. Odată ce fotografia dvs. a fost încărcată în biblioteca media, puteți și trebuie:

  • schimbați TITLUL: titlul fotografiei importate va arăta ca. „Meniu-sucre-vânzare” și îl puteți înlocui cu „Meniu dulce și sărat de blogul meu culinar”
  • adăugați un TEXT ALTERNATIV: Adăugarea de text alternativ la imaginile dvs. este esențială din trei motive. Primul este că este important pentru accesibilitate, Adică, un utilizator de Internet cu deficiențe de vedere care utilizează un browser cu funcție de voce va putea vedea conținutul acestei imagini. Al doilea este că acest text va fi folosit referențierea ta naturală, deci gândește-te acolo includeți cuvintele cheie. Al treilea este că acest text va fi afișat atunci când browserul întâmpină probleme la livrarea imaginilor dvs., mai ales atunci când utilizatorul are o rețea defectuoasă.
  • introduceți LEGENDA și DESCRIEREA: aceste opțiuni sunt opționale. Dacă doriți să apară un text sub imaginea dvs., va trebui să introduceți legenda.

Cum să vă comprimați imaginile pentru web ?

Există multe modalități de a realizează optimizarea fotografiilor. În funcție de hardware și mediu, puteți utiliza diverse programe.

1. Metoda cu PHOTOSHOP

Nu vom vorbi aici despre faima PhotoShop, presupun că majoritatea oamenilor care lucrează pe web folosesc acest software, indiferent dacă sunteți pe Mac sau PC. Nu numai că veți putea să vă editați imaginile, dar și veți putea exportați-le pentru web.