WebP vs JPG vs PNG: quin format d'imatge hauries de fer servir?

JPG, PNG i WebP són els tres formats d'imatge que et trobes cada dia. Tots mostren una imatge, però la desen de maneres molt diferents, i triar-ne un de malament vol dir logotips borrosos, pàgines massa pesades o imatges que el programa que necessites simplement no obre. Aquesta guia n'explica les diferències i et dona una regla clara per a cada situació habitual.

La resposta curta

• JPG per a fotos, quan necessites la màxima compatibilitat.
• PNG per a logotips, icones, captures de pantalla i tot el que necessiti vores nítides o transparència.
• WebP per a les imatges d'un web, on fitxers més lleugers volen dir pàgines més ràpides.

La resta de l'article explica per què.

Compressió amb pèrdua i sense pèrdua

La diferència més important és com comprimeix la imatge cada format.

• JPG és amb pèrdua. Descarta detalls que l'ull difícilment percep, i així les fotos ocupen poc. El preu és que les vores nítides i els colors plans mostren "artefactes" en forma de blocs o taques, i cada vegada que edites i tornes a desar un JPG perds una mica més de qualitat.
• PNG és sense pèrdua. Cada píxel es desa exactament. És perfecte per a text, línies i zones de color pla, però una foto desada en PNG sol pesar diverses vegades més que la mateixa foto en JPG.
• WebP fa totes dues coses. Té un mode amb pèrdua que competeix amb el JPG i un altre sense pèrdua que competeix amb el PNG. Amb la mateixa qualitat visual, els fitxers WebP solen ser més lleugers que els seus equivalents JPG o PNG, que és justament per al que es va dissenyar: el web.

Una conseqüència útil: convertir un JPG a PNG no recupera el detall que el JPG ja havia descartat. Només evita pèrdues addicionals si continuaràs editant la imatge.

Transparència

• JPG no admet transparència. Les zones transparents s'omplen amb un color sòlid, normalment blanc o negre.
• PNG admet un canal alfa complet, incloses vores suaus i semitransparents. És l'opció clàssica per a logotips sobre fons de color.
• WebP també admet transparència alfa, tant en mode amb pèrdua com sense pèrdua.

Si converteixes un PNG o un WebP transparent a JPG, les parts transparents s'ompliran. Tingues-ho en compte abans d'enviar un logotip en JPG.

Animació

El JPG i el PNG estàndard són imatges fixes. El WebP també pot desar animacions, així que és una alternativa més lleugera al GIF per a bucles curts. Si converteixes un WebP animat a JPG o PNG, obtindràs un sol fotograma, no l'animació.

Compatibilitat amb navegadors i programes

JPG i PNG s'obren arreu: qualsevol navegador, sistema operatiu, editor d'imatges, app de missatgeria o impressora. El WebP és compatible amb tots els navegadors principals actuals, i la majoria de sistemes i editors moderns l'obren, però encara trobaràs programes antics, formularis de pujada i serveis d'impressió que el rebutgen. És el motiu més habitual per convertir un WebP a JPG: una imatge descarregada que un programa es nega a obrir.

Pes del fitxer i rendiment web

En un web, el pes de les imatges importa. Les imatges grans alenteixen la càrrega, sobretot amb connexions mòbils, i la velocitat de la pàgina afecta tant els visitants com el posicionament als cercadors. Algunes regles pràctiques:

• Serveix les fotos en WebP (amb pèrdua) o, si necessites la màxima compatibilitat, en un JPG ben comprimit.
• Serveix logotips, icones i gràfics d'interfície en WebP (sense pèrdua) o PNG, o en SVG si en tens una versió vectorial.
• No pugis mai una foto en PNG només perquè tingui "més qualitat". El visitant no veurà la diferència, però sí que l'esperarà.
• Redimensiona les imatges a la mida a què es mostren de debò. Cap format compensa una foto de 4000 píxels mostrada en un requadre de 400.

Quin format triar, cas per cas

• Fotos de la càmera o del mòbil: JPG per compartir i imprimir, WebP per al teu web.
• Logotips i icones: PNG o WebP sense pèrdua; tots dos conserven la transparència i les vores nítides.
• Captures de pantalla: PNG. El text i els elements de la interfície es mantenen ben nítids; el JPG els difumina.
• Il·lustracions amb colors plans: PNG o WebP sense pèrdua.
• Animacions curtes: WebP animat en lloc d'un GIF pesat.
• Imatges per a un correu, un formulari o un programa antic: JPG o PNG, perquè s'accepten arreu.

Convertir entre formats

No has de refer res per canviar de format. Els convertidors d'imatges de Azpy funcionen íntegrament al teu navegador: les imatges es processen al teu propi dispositiu i mai no es pugen a cap servidor. Converteix un WebP a JPG quan un programa el rebutgi, un PNG a WebP per alleugerir el teu web o un JPG a PNG abans de continuar editant-lo. El límit gratuït d'aquestes eines és de 25 MB per fitxer, i tens tots els convertidors al directori d'eines.

Una regla ràpida

És una foto? JPG o WebP. Vores nítides o transparència? PNG o WebP. Per al web, millor WebP; per a tota la resta, tria el que accepti el destí.