Optimizați încărcarea imaginilor web

Imaginile de pe un site web pot înfrumuseța paginile web, precum și viteze lente de încărcare a paginii. Acest articol prezintă o serie de sfaturi pentru a accelera afișarea paginilor web, optimizând greutatea imaginilor sau folosind sfaturi avansate.

Motive pentru optimizarea imaginilor

Optimizarea greutății imaginilor și optimizarea vitezei de încărcare a paginilor sunt bune practici din mai multe motive:

Nimănui nu-i place să aștepte încărcarea unei pagini
Viteza de încărcare este un criteriu privind poziționarea site-urilor în rezultatele căutării
Unii vizitatori nu au o conexiune rapidă la internet. Acest lucru este valabil mai ales pentru utilizatorii de internet care utilizează un dispozitiv care utilizează 3G.
Evită să sperie vizitatorii și vânzările. Într-adevăr, este incontestabil, timpul de încărcare are un impact asupra vizitatorilor:
- Cu cât timpul de încărcare este mai mare, cu atât rata de ieșire este mai mare
- Pe site-ul Amazon: 100 ms de timp de încărcare suplimentar au pierdut 1% din vânzări
- Pe Google: 500 ms în plus reduce numărul de căutări cu 20%
Mai puțin trafic utilizat la găzduirea web, deoarece paginile sunt mai puțin grele

Nu redimensionați niciodată în cod

Unele pagini web decid să utilizeze imagini mari (exemplu: 800 x 600 pixeli) și să le introducă pe o pagină web ca miniatură (exemplu: 80 x 60 pixeli). Această metodă are două dezavantaje majore:

Imaginile se încarcă foarte greu atunci când trebuie să afișați doar o miniatură mică
Browserele web nu sunt programe grafice. Imaginea redimensionată de un browser web va fi de o calitate mai redusă decât o imagine redimensionată de un software specializat (exemplu: Gimp sau Photoshop). Fotografia de mai jos arată diferența de calitate a unei imagini, în funcție de dimensiunea acesteia cu Firefox sau Gimp.

Soluția simplă este să folosiți întotdeauna dimensiunile exacte ale imaginii pe care doriți să o adăugați pe site-ul dvs. Redimensionarea unei imagini este ceva foarte ușor pe care îl are practic tot software-ul de editare a fotografiilor.

Alegeți formatul potrivit

Unele formate de imagine sunt mai grele decât altele. Utilizarea raportului de aspect adecvat reduce greutatea imaginilor într-un mod destul de ușor. Folosiți doar software-ul foto și salvați în formatul adecvat.

Acest format de imagine digitală este limitat la 256 de culori, făcându-l un format relativ ușor. Acest format este cunoscut și apreciat pentru că poate afișa imagini în mișcare. Din păcate, atunci când vine vorba de afișarea unei fotografii frumoase, limitarea la 256 de culori reduce semnificativ calitatea imaginii. Prin urmare, acest format este preferat pentru: sigle, icoane mici și mici imagini în mișcare.

JPEG este un standard care definește un format de imagine digitală comprimată. Se poate alege gradul de compresie. Cu cât este mai mare compresia, cu atât imaginea va fi mai grea, dar în schimb, imaginea își pierde calitatea. Apoi, este necesar să alegeți cel mai bun compromis între calitatea și greutatea imaginii. Depinde în special de tipul de site (site-ul unui fotograf?) Și de scopul fotografiilor (fotografie ilustrativă simplă sau fotografie importantă?). În mod clar, în majoritatea cazurilor, JPEG este folosiți pentru fotografii pe internet.