Optimizarea imaginii este, potrivit Lighthouse, una dintre cele mai frecvente probleme ale vitezei și performanței slabe a site-ului web.

Este posibil ca imaginile neoptimizate să încetinească viteza de încărcare a paginii cu mai mult de 9 secunde, în unele cazuri chiar mai mult.

Paginile lente duc la o rată de respingere mai mare și o poziționare SERP mai scăzută, ceea ce înseamnă, în schimb, mai puțin trafic și mai puțini clienți plătitori.

Ce include optimizarea imaginii?

Optimizarea tuturor imaginilor de pe site-ul dvs. este o muncă extrem de complexă, care necesită experiență și câteva ore pentru a o face corect.

Pluginurile pot ajuta la economisirea de timp, dar pot, de asemenea, să rupă întreaga structură a site-ului web și să șteargă definitiv o parte din conținut media dacă nu sunt gestionate corect.

Pentru a vedea de ce considerăm aceasta o muncă complexă, iată o listă de verificare în 20 de puncte a ceea ce Cloudimage consideră esențial pentru optimizarea corectă a imaginii:

1. Includeți livrarea CDN
2. Optimizați TTFB
3. Utilizați vizualizarea la 360 de grade a produsului
4. Asigurați-vă că imaginile sunt receptive
5. Redimensionați corect imaginile
6. Utilizați formatul de imagine potrivit
7. Comprimați imaginile
8. Optimizați atributele alternative
9. Subtitrați imaginile clar
10. Aveți grijă de unghiurile produsului dvs
11. Aflați cum să amestecați culorile
12. Creați elemente vizuale îmbinate cu emoții
13. Utilizați fundaluri corespunzătoare produsului
14. Optimizați-vă miniaturile
15. Utilizați harta site-ului imagine
16. Aplicați subeșantionarea cromatică
17. Încărcați leneș imaginile care nu sunt critice
18. Implementați spriting de imagine
19. Începeți stocarea în cache a materialelor de imagine
20. Preîncărcați elementele de imagine critice

Din punct de vedere tehnic, cele mai importante puncte, din lista de mai sus, sunt redimensionarea, optimizarea formatului, Lazy load, comprimarea imaginii, responsiveness și livrarea CDN.

Dacă aveți să spunem 11.000 de imagini pe site-ul dvs.

Cât timp va dura până la finalizarea optimizării lor?

Acum imaginați-vă că puteți face asta automat!

Aceasta este ceea ce face Cloudimage.

Puteți încărca în bloc toate imaginile prin intermediul software-ului nostru, iar acestea vor fi încasate și încărcate automat în cloud.

După aceea urmează optimizarea.

Redimensionarea imaginii

Serverele de redimensionare ale Cloudimage, situate în trei centre de date din întreaga lume (Canada, Franța și Singapore) vă vor descărca imaginea originală din origin_image_url, o vor transforma în funcție de funcționarea și parametrii de filtrare și, în final, o vor afișa pe site-ul dvs. web sau în aplicația mobilă printr-o rachetă. -CDN rapid.

Un exemplu cu o imagine originală găzduită pe serverul dvs. web, găleată Amazon S3 sau orice alt spațiu de stocare accesibil prin HTTP.

Când specificați atât lățimea, cât și înălțimea, proporțiile originale ale imaginii pot fi fie ignorate, fie menținute. De asemenea, puteți alege să adăugați umplutură imaginii. Cloudimage oferă următoarele moduri de redimensionare:

A decupa

Păstrează proporțiile imaginii tăind imaginea pentru a se potrivi cu lățimea și înălțimea definite.

Potrivi

Redimensionează imaginea păstrând proporțiile adăugând umplutură pentru a satisface dimensiunile dorite.

Legat

Încearcă să redimensioneze imaginea păstrând proporțiile. Similar cu potrivirea, dar fără căptușeală.

Acoperi

Redimensionează imaginea la lățimea și înălțimea date ignorând proporțiile originale ale imaginii.

Roti

Rotește imaginea cu un unghi specificat, în sens invers acelor de ceasornic

Tunde

Elimină un cadru monocolor din jurul imaginii.

Comprimarea imaginii

Puteți modifica compresia (formatul de ieșire și calitatea) imaginii dvs. utilizând filtre de compresie.

Puteți utiliza filtrele de compresie alături de operațiunile de redimensionare și filtrele de imagine.

În mod implicit, Cloudimage livrează imaginile ca WebP. Dacă formatul nu este acceptat de browserul client, acesta revine la JPEG sau PNG.

Optipress – compresie de imagine bazată pe Machine Learning

Principala provocare cu compresia JPEG este de a găsi cel mai optim factor de compresie pentru fiecare imagine diferită.

Imagini diferite comprimate cu aceiași parametri de compresie pot avea ca rezultat o calitate percepută diferită.

În plus, aceeași imagine în diferite dimensiuni poate necesita strategii de compresie diferite pentru a obține un câștig maxim de dimensiune fără pierderi vizibile de calitate.

Pentru a depăși acest lucru, am dezvoltat algoritmul de compresie Optipress JPEG.

Optipress descoperă cea mai bună abordare a compresiei JPG analizând caracteristicile specifice ale imaginii și parametrii actuali de compresie.

Un model de învățare automată determină cea mai bună strategie de compresie pentru această imagine.

Calitatea este apoi evaluată pe baza unui model de simulare al sistemului vizual uman pentru a obține o compresie optimă fără deteriorarea perceptivă a calității.

Presetări de transformare

Dacă doriți să aplicați aceleași transformări pe mai multe imagini, puteți defini presetări și aplica transformări numai folosind numele presetatului (X).

p=X

Orice transformare de redimensionare sau filtru de imagine poate fi inclus într-o presetare, precum și filigrane și parametri de compresie a imaginii.

Acest lucru permite procesul de optimizare în bloc, care economisește peste 50% din timpul de optimizare a imaginii și poate fi realizat cu ușurință de către oricine implicat.

Imaginile responsive simplificate

Imaginile responsive adaptează dimensiunea imaginii în funcție de dimensiunea ecranului utilizatorului final, permițând astfel site-ului sau aplicației dvs. mobile să se încarce mai rapid pe diferite dimensiuni de ecran.

Echipa Cloudimage a dezvoltat un plugin JS pentru a automatiza totul pentru tine.

Cloudimage JS lib îți va adapta automat toate adresele URL și oferă încorporate Responsive Design, Lazyloading și multe alte funcții pentru a face site-ul tău receptiv, rapid și pentru a adăuga efecte de încărcare frumoase imaginilor tale.

Cu Lazy Loading și cache-ul activat, puteți fi sigur că timpul de încărcare a site-ului dvs. se va îmbunătăți cu cel puțin 40%. Adăugați CDN la asta și procentul crește chiar și la 60%.

Rețeaua de livrare de conținut

Cloudimage folosește rețelele de livrare de conținut pentru a accelera livrarea imaginilor dvs. în întreaga lume. Lucrăm cu mai mulți furnizori CDN pentru a optimiza livrarea imaginilor dvs. și pentru a oferi o fiabilitate superbă.

Pe lângă accelerarea imaginilor dvs., CDN-ul oferă protecție DDoS (Distributed Denial of Service), care va acționa ca un scut pentru serverele dvs. și va evita orice timp de nefuncționare.

De obicei, CDN-urile memorează în cache imaginile atâta timp cât acestea sunt solicitate de utilizatorii finali.

Implementat în câteva minute

Ceea ce face Cloudimage foarte unic, este faptul că serviciile sale pot fi implementate foarte rapid.

Dacă site-ul dvs. se confruntă cu vârfuri de trafic nebunești, puteți oricând să contactați cloudimage, să vă optimizați imaginile și să vă asigurați că acele vârfuri vor fi absorbite instantaneu.

Acest lucru vă oferă performanțe impecabile și viteză rapidă de încărcare a paginii pe diferite dispozitive.

Mai mult, implementarea este foarte ușoară și face procesul de colaborare între echipe (echipe responsabile de site-ul web de la producerea conținutului până la postare și monitorizare) simplu și eficient.

Acest lucru este deosebit de important atunci când majoritatea dintre noi suntem forțați să ne folosim birourile de acasă în următoarea perioadă de timp.
Pentru mai multe informații despre cum funcționează serviciile Cloudimage, vizitați-ne la cloudimage.io