Formate de imagine în pagină
Variante gata făcute: copiază codul direct sau deschide exemplul în generator și modifică-l după nevoie.
<picture>
<source srcset="poza.avif" type="image/avif">
<source srcset="poza.webp" type="image/webp">
<img src="poza.jpg" width="1600" height="1067" alt="Descrierea pozei" loading="lazy">
</picture>
const canvas = document.createElement('canvas');
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
canvas.getContext('2d').drawImage(img, 0, 0);
canvas.toBlob(blob => {
console.log(blob.type, blob.size); // image/webp, mărimea în octeți
}, 'image/webp', 0.8);
cwebp -q 80 poza.jpg -o poza.webp
magick poza.png -quality 82 poza.jpg
magick mogrify -resize '1920x>' -quality 80 -format webp *.jpg
Cum folosești compresorul de imagini
- Alege imaginile cu butonul de fișiere sau trage-le în zona de sus. Poți alege mai multe deodată.
- Alege formatul nou: WebP, JPEG, AVIF (dacă browserul îl poate salva) sau PNG.
- Reglează calitatea (70–85% e un echilibru bun pentru fotografii) și, dacă vrei, lățimea maximă; imaginile mai late sunt micșorate proporțional.
- Tabelul arată mărimea veche și nouă, economia și dimensiunile. Descarcă fiecare imagine sau apasă Descarcă tot.
Imaginile nu pleacă din calculatorul tău: conversia se face în browser, cu elementul canvas.
Ce format să alegi
WebP este suportat de toate browserele actuale și iese de obicei vizibil mai mic decât JPEG la aceeași calitate. AVIF comprimă și mai bine, dar nu orice browser îl poate salva din canvas; dacă al tău nu poate, generatorul folosește WebP și îți spune. JPEG merge oriunde, inclusiv în programe vechi și în e-mail. PNG nu pierde nimic, deci e potrivit pentru capturi de ecran și grafice cu text, dar mare pentru fotografii.
<picture>
<source srcset="poza.avif" type="image/avif">
<source srcset="poza.webp" type="image/webp">
<img src="poza.jpg" width="1600" height="1067" alt="Descrierea pozei" loading="lazy">
</picture>
Bine de știut
Fișierul nou nu păstrează datele EXIF: modelul aparatului, data și locația GPS dispar, ceea ce e util când publici poze de pe telefon. Profilul de culoare poate fi convertit în sRGB. Uneori o imagine deja optimizată iese mai mare; tabelul arată asta, iar atunci păstrează originalul. Din GIF-urile animate rămâne doar primul cadru.
Întrebări frecvente
Pierd calitate dacă reconvertesc de mai multe ori?
Da, la JPEG, WebP și AVIF fiecare salvare pierde puțin. Pornește mereu de la originalul cel mai bun pe care îl ai.
De ce nu se deschide poza de pe iPhone?
Pozele HEIC se pot deschide doar în browserele care știu acest format, în principal Safari. Pe iPhone poți seta camera să salveze în formatul Cel mai compatibil (JPEG).