Răspuns direct
Alege imaginea după dimensiunea afișată, livrează un fișier comprimat potrivit și folosește variante responsive unde layoutul cere dimensiuni diferite. Verifică rezultatul pe ecranul real și nu sacrifica detaliul necesar evaluării.
Redimensionează după container și dispozitiv
Nu încărca o fotografie de câteva mii de pixeli pentru un card care o arată într-o fâșie îngustă, dacă pagina nu oferă zoom. Pregătește variante corespunzătoare densității ecranului și lasă browserul să aleagă o sursă potrivită când implementarea folosește srcset/sizes.
Verifică aspect ratio-ul în card și în articol; cropul nu trebuie să ascundă detalii importante. Pentru imagini de proiect, păstrează un original de calitate separat, dar livrează publicului fișierul optimizat.
Alege formatul și compresia după conținut
WebP sau AVIF pot reduce transferul în anumite scenarii, dar verifică suportul și calitatea vizuală. Fotografiile, graficele, siglele și capturile au caracteristici diferite; o singură setare de compresie nu funcționează pentru toate.
Compară originalul cu versiunea optimizată la dimensiunea reală pe pagină. Caută banding, text neclar, margini artificiale și culori modificate. Nu presupune că fișierul mic este automat o alegere bună.
Verifică încărcarea și textul alternativ
Măsoară pagina pe mobil și în Chrome DevTools sau PageSpeed Insights pentru a vedea imaginea dominantă și resursele încărcate. Evită lazy-loading pe elementul principal deasupra foldului dacă asta întârzie afișarea; aplică-l imaginilor aflate mai jos unde are sens.
Scrie alt text după funcția imaginii: informație vizuală, link, decor sau lucrare. Această descriere este separată de compresie, dar ambele influențează accesibilitatea și modul în care imaginile se integrează în pagină.
ÎNTREBĂRI FRECVENTE
Ce merită clarificat înainte să alegi?
Ce dimensiune trebuie să aibă o imagine pe site?
Aproape de dimensiunea la care se afișează, cu variante responsive potrivite pentru ecrane diferite; măsoară layoutul real.
Este WebP întotdeauna cel mai bun format?
Nu pentru orice tip de imagine și browser. Testează calitatea, suportul și dimensiunea rezultatului.
Cât de mic trebuie să fie fișierul?
Nu există o limită universală; scopul este un transfer rezonabil fără pierderea calității necesare paginii.