Care este cel mai bun format de imagine pentru un site?

Întrebarea „Care este cel mai bun format?” nu este potrivită până când nu știi ce fel de imagine ai. Un site conține câteva tipuri foarte diferite de imagini, iar fiecare are un câștigător clar:

• Fotografii (produse, persoane, locuri): un format cu pierderi. AVIF produce cele mai mici fișiere, WebP este opțiunea modernă implicită și sigură, iar JPG este alternativa pe care o poate afișa orice browser.
• Sigle, pictograme și ilustrații: SVG. Fiind grafică vectorială, rămâne clară la orice dimensiune și pe orice ecran, iar fișierul este de obicei foarte mic. Folosește un format bazat pe pixeli ca alternativă numai atunci când o platformă refuză SVG.
• Capturi de ecran, elemente grafice pentru UI și orice necesită transparență: PNG sau WebP fără pierderi. Culorile uniforme și marginile bine definite sunt exact tipurile de conținut pe care formatele fără pierderi le comprimă eficient.
• Animații scurte: WebP sau AVIF animat în loc de GIF, care este limitat la o paletă restrânsă și produce fișiere mult mai mari.
• Faviconul: un fișier ICO, ideal alături de o versiune SVG sau PNG; vezi cum creezi un favicon dintr-o imagine.

Greșeala clasică este salvarea unei fotografii ca PNG. PNG stochează fiecare pixel fără pierderi, ceea ce este perfect pentru o siglă și dezastruos pentru o fotografie: fișierul ajunge de câteva ori mai mare decât un JPG, fără nicio îmbunătățire vizibilă.

Pentru fotografii, alegerea depinde de cât de mult te poți baza pe browserele mai noi:

• AVIF comprimă cel mai bine: la calitatea obișnuită pentru web, fișierul ajunge cu aproximativ 50% mai mic decât JPEG și cu 20–30% mai mic decât WebP, oferind și HDR și culori cu gamă largă dacă ai nevoie de ele. Chrome, Firefox și Safari îl afișează (Safari începând cu versiunea 16.4, în 2023). Dezavantajele sunt codificarea lentă, mai ales pentru imaginile mari, și compatibilitatea redusă cu programele desktop și dispozitivele mai vechi.
• WebP este alegerea pragmatică implicită: fișiere cu 25–35% mai mici decât JPEG la aceeași calitate vizuală, cu transparență și compatibilitate cu toate browserele principale începând din 2020. Unele aplicații desktop și instrumente mai vechi încă nu îl pot deschide, ceea ce contează pentru fișierul oferit unui designer, nu pentru cel furnizat vizitatorilor.
• JPG este alternativa universală. Este cel mai puțin eficient dintre cele trei, dar un JPG salvat la o calitate de aproximativ 75–82 este de obicei imposibil de deosebit pe ecran de original, iar orice browser îl poate afișa.

Cea mai solidă configurație furnizează AVIF browserelor care îl înțeleg, WebP celorlalte și păstrează un JPG pentru orice browser mai vechi. Dacă preferi să alegi unul singur, WebP cu o alternativă JPG acoperă practic pe toată lumea. Comparațiile directe se găsesc în WebP comparat cu AVIF și WebP comparat cu JPG; pentru elemente grafice, nu fotografii, consultă PNG comparat cu JPG.

După ce stabilești formatul dorit, conversia este rapidă și datele nu părăsesc niciodată dispozitivul. Convertorul de imagini EditItAll rulează integral în browser:

1. Deschide convertorul și adaugă imaginile, fie un singur fișier, fie conținutul unui dosar întreg. Loturile sunt procesate împreună.
2. Alege formatul rezultat: WebP sau AVIF pentru fotografii, PNG pentru elementele grafice care necesită transparență. Există opțiuni directe pentru conversiile obișnuite: JPG în WebP, PNG în WebP, JPG în AVIF și PNG în AVIF.
3. Stabilește calitatea. Nu există un câmp pentru dimensiunea-țintă: dimensiunea este un rezultat. Fiecare fișier își afișează dimensiunea de dinainte și de după procesare, astfel încât poți ajusta cursorul până când atât valoarea, cât și imaginea arată bine.
4. Descarcă rezultatele individual sau într-un singur ZIP.

Nimic nu este încărcat; te poți deconecta de la internet după încărcarea paginii și poți continua conversia. În plus, metadatele EXIF și GPS sunt eliminate din fiecare imagine exportată, astfel încât fotografia unui produs nu dezvăluie locul unde a fost realizată. Serviciul este gratuit, fără cont și fără filigran. Ai deja formatul potrivit și trebuie doar să micșorezi fișierul? Mergi direct la instrumentul de comprimare a imaginilor. Iar dacă o platformă impune o versiune bazată pe pixeli a unei sigle vectoriale, SVG în PNG o redă la orice dimensiune alegi.

Alegerea formatului merită atenție, dar trei obiceiuri economisesc mai mulți octeți decât ar putea economisi vreodată trecerea de la JPG la AVIF:

• Redimensionează la dimensiunea afișată efectiv. O fotografie realizată cu un aparat foto este de multe ori mai lată decât spațiul ocupat pe pagină, iar fiecare dintre acești pixeli suplimentari este descărcat și apoi ignorat. Instrumentele de imagine EditItAll au o limită maximă opțională pentru dimensiuni, creată exact în acest scop.
• Comprimă o singură dată, pornind de la original. Fiecare salvare cu pierderi elimină încă puține detalii. Păstrează originalul, exportă din acesta copia pentru web și nu salva din nou, în lanț, un JPG ca WebP și apoi ca AVIF.
• Furnizează formatele moderne împreună cu o alternativă. Oferă mai întâi AVIF sau WebP și permite browserelor mai vechi să folosească JPG sau PNG, astfel încât niciun vizitator să nu vadă o imagine nefuncțională.

Dacă un raport de viteză îți recomandă „codificarea eficientă a imaginilor” sau „furnizarea imaginilor în formate de generație nouă”, exact la această decizie se referă: remedierea avertismentului privind codificarea eficientă a imaginilor îți arată pașii, iar comprimarea JPEG pentru web explică în detaliu cursorul de calitate. Mai multe ghiduri despre formate se găsesc în grupul conversia imaginilor.