Cum să optimizați imaginile pentru web și să aveți viteză

Cum puteți crește timpul de permanență al site-ului dvs. web pentru a vă îmbunătăți poziționarea SEO
[SEO pentru începători] Cele 7 idei cheie pe care trebuie să le cunoașteți pentru a vă poziționa site-ul

GOOGLE EXPERT?

imaginile

Lista de asteptare

Cu toții iubim imaginile.

Și este că acestea sunt un element foarte util pentru a ne consolida imaginea de marcă, pentru a transmite mai mult profesionalism, pentru a capta atenția utilizatorului, pentru a îmbunătăți timpul petrecut pe web etc.

Cu toate acestea, în spatele tuturor acestor beneficii există o greșeală pe care o fac multe companii: nu optimizați imaginile atunci când încărcați.

A priori, acest lucru nu vi se pare foarte "serios", dar dacă îl părăsiți, este posibil ca site-ul dvs. să dureze ani de zile pentru a se încărca sau ca serverul dvs. să fie chiar saturat. Vedeți deja importanța sa?

Deci, nu ratați această postare pentru că vom explica tot ce trebuie să știți pentru a optimiza pas cu pas imaginile de pe site-ul dvs. web și ce instrumente puteți utiliza.

Indexul conținutului articolului:

De ce este atât de important să optimizați imaginile de pe site-ul dvs. web?

Imaginați-vă pentru o secundă că locuiți la un al șaselea etaj, unde nu există lift și că trebuie să purtați achiziția. Ce vă va fi mai ușor, încărcați o singură geantă sau încărcați câte cinci pe rând?

Răspunsul este evident.

Ei bine, același lucru se întâmplă și cu site-ul dvs. web.

Încărcarea imaginilor fără optimizare este ca și cum pagina ta ar fi trebuit să urce scări încărcate cu o mulțime de pungi grele.

Formula este simplă: greutate mai mică, mai rapidă.

Și acest lucru are, de asemenea, mai multe beneficii:

Deoarece vă gândiți că este o exagerare, vă recomandăm să vizionați acest videoclip realizat de Google pentru a arăta consecințele unei viteze de încărcare lente în versiunile mobile. 😉

Imaginați-vă cu telefonul mobil din acel magazin care nu s-a încărcat, chiar credeți că ați fi așteptat atât de mult timp pentru a merge pe un alt site?

Cum să optimizați pas cu pas imaginile unui site web

Acum, că sunteți sigur că sunteți conștienți de importanța comprimării și reglării imaginilor, este timpul să vedeți cum să o faceți.

1. Ce format de imagine să utilizați

Una dintre întrebările pe care clienții ne-o pun cel mai mult atunci când proiectăm paginile lor web este în ce format ar trebui să livreze imaginile. Acestea sunt cele 2 opțiuni:

  1. PNG: oferă o calitate superioară și permite fundaluri transparente, dar cântărește mai mult. Este cea mai bună alegere pentru capturi de ecran, imagini cu mult alb sau sigla.
  2. JPEG: ne putem juca mai bine atunci când reducem dimensiunea și cântărește mai puțin decât un PNG, totuși calitatea va fi mai mică. Este mai bine să utilizați JPEG pentru imagini foarte mari, cu multe culori sau elemente, deoarece în PNG aceste imagini vor cântări mult mai mult.

Cu asta clarificat, să vorbim despre pixeli. 😉

2. Măsurători

Aici trebuie să faceți diferența dintre imaginile de utilizat în paginile statice ale site-ului dvs. web (cele care nu se schimbă normal) și postările. Pentru paginile statice, designerul web va fi cel care le optimizează, pe de altă parte, în articolele dvs. este editorul sau persoana responsabilă de conținutul companiei dvs. care trebuie să le optimizeze.

Cu siguranță știți expresia: „asta ucide muștele cu focuri de tun”.

Ei bine, așa ceva se întâmplă cu măsurătorile imaginilor. Imaginile prezentate ale postărilor dvs. sau cele pe care le introduceți în text, vor fi văzute la o dimensiune predefinită de șablonul pe care designerul l-a folosit la crearea webului. Asa de, dacă imaginea trebuie vizualizată la o dimensiune, să zicem, 800 pixeli; nu are sens să încărcați unul de 6.000 pixeli.

În cazul în care nu știți care este lățimea postărilor dvs. (acestea pun de obicei imagini care ocupă întreaga lățime), încercați să încărcați o imagine de 850 pixeli. Lățimea normală care este tratată de obicei oscilează cu acea cifră.

3. Faimoasa „greutate” sau calitate