PNG o JPG: quin fer servir

PNG i JPG no competeixen per ser "el millor format" — resolen problemes diferents, i triar malament no és un error estètic, és un error pràctic: un PNG mal triat pot pesar deu vegades més del necessari, i un JPG mal triat pot perdre nitidesa en el text o directament no admetre la transparència que necessitaves. La regla per no dubtar més és més senzilla del que sembla.
La diferència real, en una frase
JPG comprimeix "amb pèrdua" — descarta informació que l'ull gairebé no nota per estalviar pes, i funciona molt bé en fotografies amb transicions de color suaus. PNG comprimeix "sense pèrdua" — l'arxiu descomprimit és idèntic, píxel a píxel, a l'original, cosa que és perfecta per a gràfics amb vores dures (text, icones, logotips) però molt menys eficient en fotografies, on pot arribar a pesar entre 5 i 10 vegades més que un JPG a qualitat visualment equivalent.
Fes servir JPG quan…
- Sigui una fotografia real — de persona, paisatge, producte — amb molts tons de color continus.
- El pes de l'arxiu importi més que una fidelitat perfecta al 100%.
- No necessitis transparència — JPG simplement no l'admet.
Fes servir PNG quan…
- Necessitis transparència real — un logo sobre fons diferents, un retall de producte, una icona.
- Sigui una captura de pantalla, un gràfic amb text o línies rectes amb molt contrast — aquí JPG deixa artefactes visibles al voltant de les vores.
- La fidelitat exacta importi més que el pes — un arxiu mestre que continuaràs editant, per exemple.
I si no n'estàs segur, hi ha una tercera opció
WebP fa totes dues coses — admet compressió amb pèrdua com el JPG i transparència com el PNG — normalment amb un pes final menor que qualsevol dels dos per separat. Si l'única dubte que tens és "quin pesa menys sense que es noti la diferència", WebP sol guanyar tots dos. Ho cobrim amb més detall, junt amb AVIF, a la guia completa de formats.
Converteix entre JPG, PNG i WebP per comparar el pes real amb la teva pròpia imatge:prova-ho aquí, al navegador, sense pujar res a cap servidor.


