JPEG vs PNG vs WebP: triar el format d'imatge adequat | Bulk Image Compressor
Tres formats, diferents fortaleses
Triar el format d’imatge adequat no és complicat un cop entens què fa bé cadascun. JPEG, PNG i WebP resolen problemes diferents, i utilitzar el equivocat significa que estàs malgastant ample de banda o sacrificant qualitat sense cap raó.
Aquí tens el que realment necessites saber.
JPEG: el format per a fotos
JPEG existeix des de 1992 i encara és el valor per defecte per a fotografies. Hi ha una bona raó per a això: gestiona el tipus de complexitat que es troba a les fotos (gradients, textures, variació de color) molt bé mentre manté les mides de fitxer petites.
JPEG utilitza compressió lossy, cosa que significa que elimina permanentment algunes dades cada vegada que deses. La compressió funciona analitzant la imatge en blocs petits i descartant detalls que és poc probable que els teus ulls notin. Si vols entendre la part tècnica, el nostre article sobre com funciona la compressió d’imatges ho desglossa.
Què fa bé JPEG:
- Fotos i imatges amb molta variació de color
- Mides de fitxer petites amb qualitat raonable
- Suport universal a tot arreu
On JPEG es queda curt:
- Sense suport de transparència
- El text i les vores nítides obtenen artefactes borrosos
- Cada re-desat degrada la qualitat encara més
- Els logotips i gràfics amb colors plans tenen pitjor aspecte del que haurien
Mides de fitxer típiques: Una foto de 1920x1080 desada com a JPEG amb qualitat 80 sol ser d’uns 200-400 KB. La mateixa imatge amb qualitat 95 podria ser de 800 KB a 1,2 MB.
PNG: el format per a gràfics
PNG es va crear com a substitut de GIF a mitjans dels 90, i és el format de referència per a qualsevol cosa que no sigui una fotografia. Captures de pantalla, logotips, icones, il·lustracions amb colors plans, superposicions de text, elements d’IU. Si té vores nítides o transparència, PNG sol ser l’opció correcta.
PNG utilitza compressió lossless, així que no perds cap qualitat per moltes vegades que el desis. L’inconvenient és que les mides de fitxer són més grans que JPEG per a fotos.
Què fa bé PNG:
- Qualitat perfecta, mai artefactes de compressió
- Suport complet de transparència (canal alfa)
- Text, logotips i gràfics amb vores netes
- Captures de pantalla
On PNG es queda curt:
- Les fotos acaben sent molt més grans que JPEG
- Les mides de fitxer poden ser grans, especialment per a imatges d’alta resolució
- No és ideal quan l’ample de banda és ajustat
Mides de fitxer típiques: Una captura de pantalla de 1920x1080 amb text majoritàriament podria ser de 300-600 KB com a PNG. La mateixa resolució com a foto? Fàcilment 3-5 MB, de vegades més.
WebP: l’opció moderna
Google va desenvolupar WebP el 2010 per ser millor en ambdues tasques. Admet compressió lossy (com JPEG) i lossless (com PNG), a més de transparència, tot en un sol format.
I compleix. Els fitxers WebP lossy solen ser un 25-35% més petits que JPEG amb la mateixa qualitat visual. Els fitxers WebP lossless són aproximadament un 25% més petits que PNG. Aquesta és una diferència significativa, especialment si el teu lloc serveix moltes imatges.
Què fa bé WebP:
- Fitxers més petits que tant JPEG com PNG amb qualitat equivalent
- Admet transparència (a diferència de JPEG)
- Admet compressió tant lossy com lossless
- Suport d’animació (una millor alternativa a GIF)
On WebP es queda curt:
- Algunes eines d’edició d’imatges antigues no el gestionen bé
- No totes les plataformes de xarxes socials accepten pujades WebP
- Els clients de correu sovint no poden mostrar WebP en línia
Mides de fitxer típiques: Aquella mateixa foto de 1920x1080 que és 300 KB com a JPEG? Uns 200-250 KB com a WebP lossy. Una captura de pantalla que és 500 KB com a PNG? Uns 350-400 KB com a WebP lossless.
Suport del navegador el 2025
WebP és compatible amb tots els navegadors moderns: Chrome, Firefox, Safari, Edge, Opera. Safari va afegir suport el 2020 amb macOS Big Sur i iOS 14. A menys que necessitis donar suport a Internet Explorer (que Microsoft va retirar el 2022), WebP funciona a tot arreu.
Comparació costat a costat
| Característica | JPEG | PNG | WebP |
|---|---|---|---|
| Compressió | Només lossy | Només lossless | Ambdues |
| Transparència | No | Sí | Sí |
| Animació | No | No | Sí |
| Millor per a fotos | Bo | Pobre (fitxers grans) | Millor que JPEG |
| Millor per a gràfics | Pobre (artefactes) | Bo | Bo |
| Mida de fitxer (fotos) | Petita | Gran | La més petita |
| Mida de fitxer (gràfics) | N/A | Mitjana | Més petita que PNG |
| Suport del navegador | Universal | Universal | Tots els navegadors moderns |
| Suport d’eines d’edició | Universal | Universal | En creixement |
Quin format hauries d’utilitzar?
Aquí tens recomanacions senzilles basades en el que realment estàs fent.
Per a fotografies al web
Utilitza WebP si la teva audiència utilitza navegadors moderns (gairebé tothom ho fa ara). Utilitza JPEG com a alternativa per a la màxima compatibilitat. Qualitat 75-85 per a qualsevol format et dona el millor equilibri entre mida i aparença.
Per a captures de pantalla i imatges d’IU
WebP lossless o PNG. Ambdós preserven el text nítid i les vores perfectament. WebP et dona fitxers més petits si això importa.
Per a logotips i icones
PNG si necessites àmplia compatibilitat (signatures d’email, documents). WebP si és per al web. SVG també val la pena considerar-lo si el gràfic és basat en vectors, però això és una conversa diferent.
Per a imatges transparents
PNG o WebP. JPEG no pot fer transparència en absolut. Si necessites una foto amb fons transparent, WebP és la teva millor opció ja que combina compressió lossy de fotos amb suport de canal alfa.
Per a processament per lots
Si estàs convertint o comprimint centenars d’imatges, utilitza Bulk Image Compressor per processar-les totes alhora. Gestiona sortida JPEG, PNG i WebP, així que pots triar el format adequat per a cada lot.
La conclusió pràctica
No li donis massa voltes. Per a la majoria de projectes web el 2025:
- Utilitza WebP com a valor per defecte per a imatges web
- Mantén JPEG per a pujades a xarxes socials i email
- Utilitza PNG per a qualsevol cosa que necessiti qualitat perfecta o si estàs compartint fitxers que s’hagin d’editar més tard
Si vols aprofundir en com les imatges afecten la velocitat del teu lloc, consulta la nostra guia sobre millors formats d’imatge per al rendiment web.
El format que tries importa, però no és l’únic factor. Com comprimeixes dins d’aquest format també importa. Un JPEG ben comprimit superarà un WebP mal comprimit. Tria el format correcte primer, després dedica temps als teus paràmetres de compressió.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor