Cum optimizezi pozele pentru web (fără să piardă din calitate)

Ca să optimizezi o poză pentru web fără să piardă vizibil din calitate, faci trei lucruri: o redimensionezi la lățimea reală la care apare pe site (rareori ai nevoie de mai mult de 1600px lățime), o salvezi în format WebP și o comprimi la aproximativ 80% calitate. În practică, o fotografie de 4 MB scoasă din telefon ajunge la 150–250 KB — de peste 15 ori mai mică — fără ca ochiul să sesizeze diferența. Ordinea contează: întâi redimensionezi, apoi comprimi.

De ce contează viteza (și de ce pozele sunt vinovatul principal)

Pe majoritatea site-urilor pe care le vedem, imaginile sunt de departe cel mai greu lucru de încărcat — mai grele decât tot textul, codul și fonturile la un loc. O pagină cu 6–8 fotografii neoptimizate scoase direct din telefon poate cântări 15–25 MB. Pe un telefon cu semnal slab, aia înseamnă câteva secunde de ecran alb, iar vizitatorul pleacă înainte să vadă ceva.

Google măsoară asta prin Core Web Vitals — în special LCP (cât durează până apare cea mai mare imagine din prima parte a paginii). Nu îți garantăm niciun „loc 1 pe Google", dar un site rapid e un semnal real de ranking și, mai important, ține omul pe pagină. Viteza nu e cosmetică; e primul lucru pe care îl simte un client.

Pasul 1: Redimensionează la lățimea reală

Cea mai frecventă greșeală: pui pe site o poză de 4000×3000px într-un loc unde ea apare, de fapt, la 600px lățime. Browserul o micșorează la afișare, dar tot descarcă fișierul întreg. Degeaba.

Reguli simple de lățime:

Pentru ecranele moderne (retina) e ok să exporți la dublu față de dimensiunea de afișare — o poză care apare la 600px o exporți la 1200px. Atât, nu mai mult.

Pasul 2: Alege formatul WebP

WebP e formatul standard în 2026: e suportat de toate browserele importante (peste 94% dintre utilizatori, potrivit datelor de compatibilitate raportate de Tinify) și produce fișiere cu 25–35% mai mici decât un JPEG la aceeași calitate vizuală. Pentru fotografii și pentru majoritatea imaginilor de pe un site de prezentare, WebP e alegerea corectă și simplă.

Există și AVIF, un format mai nou care comprimă și mai bine (fișiere cu 20–40% mai mici decât WebP). E excelent pentru imaginile mari, dar se codează mult mai lent și e mai greu de manevrat manual. Recomandarea noastră: rămâi la WebP dacă îți editezi pozele de mână. AVIF are sens când site-ul generează formatele automat.

O regulă utilă: JPEG/WebP pentru fotografii, PNG/SVG pentru logo-uri, iconițe și grafice cu text. SVG-ul e vectorial — rămâne clar la orice mărime și cântărește câțiva KB.

Pasul 3: Comprimă (unde e magia)

Compresia „cu pierderi" aruncă detalii pe care ochiul nu le observă. La 80% calitate, diferența față de original e practic invizibilă, dar fișierul scade dramatic. Sub 60% începi să vezi artefacte urâte, mai ales pe cer senin sau pe piele.

Unelte gratuite pe care le folosim și le recomandăm:

• Squoosh.app (Google) — o pui în browser, glisezi calitatea și vezi pe loc diferența. Gratis, fără cont.
• TinyPNG / TinyJPG — tragi pozele, le descarci comprimate. Rapid pentru loturi mici.
• ImageOptim (Mac) — o instalezi și tragi pozele peste ea.

Checklist rapid înainte de urcare

• [ ] Lățimea nu depășește ~2× dimensiunea de afișare
• [ ] Format WebP (sau JPEG dacă e nevoie de fallback)
• [ ] Calitate ~80%, verificată vizual
• [ ] Fiecare fișier sub ~250 KB (ideal sub 150 KB)
• [ ] Nume de fișier descriptiv: `tuns-par-cluj.webp`, nu `IMG_4821.jpg`
• [ ] Text alternativ (alt) completat — bun pentru accesibilitate și pentru SEO local

Trade-off-uri oneste

Optimizarea manuală durează. Pentru 10 poze e o joacă de 15 minute; pentru un magazin cu 300 de produse, nu. Acolo ai nevoie fie de un flux automat (site-ul generează el WebP-ul la încărcare), fie de lazy loading (imaginile de jos se încarcă doar când derulezi). Multe platforme moderne fac asta din start — dar nu toate, și rareori bine configurat.

Mai e un compromis real: dacă exagerezi cu compresia ca să câștigi câțiva KB, strici imaginea. Un site rapid cu poze urâte nu vinde. Echilibrul — nu extrema — e scopul.

La MPO Web Studio (echipă în Cluj-Napoca, lucrăm 100% remote în toată România) livrăm site-uri cu imaginile deja optimizate și cu formatele generate automat, ca pagina să fie rapidă fără să te atingi tu de fiecare poză. Dacă vrei să vezi cum ar arăta site-ul tău făcut ca lumea, îți facem o demonstrație gratuită — ne scrii pe WhatsApp la wa.me/40750257140 și pornim.