Estigues al dia amb el nostre Blog de Transformació digital

Quin format d'imatge utilitzar? PNG, JPG, TIFF, GIF o WebP

10/07/2020

En el moment de dissenyar un lloc web, és normal preguntar-nos quins són els millors formats per a imatges.
Gràcies a la versatilitat dels navegadors podem utilitzar versions com PNG, JPG, TIFF, GIF i WEBP però, quin és el millor? Aquesta és una batalla que encara continua entre els dissenyadors gràfics i desenvolupadors web, per això aquí veurem per a què serveix cadascun i quin ens convé millor.

Tipus de format d'imatge

Per què utilitzar JPG?

Comencem pel més popular. JPG compta amb una gran acceptació gràcies a la seva versatilitat. És el "pitjor és res" dels formats d'imatges, ja que no ofereix tanta qualitat visual com els altres. No obstant això, és compatible amb CMYK i RGB, i és també, capaç de reconèixer molt bé representacions en blanc i negre.
Aquest és utilitzat per càmeres digitals més bàsiques, pel fet que és molt fàcil de manipular i comprimir, tot i així, cada vegada que alterem la foto, aquesta perd qualitat. És per això que és recomanable per a posts en xarxes socials o per a guardar fotos amb baix pes.
 

Per a què serveix el format PNG?

És el germà preferit, a diferència de JPG. Aquest pot ser comprimit sense perdre la qualitat de visibilitat, per la qual cosa és ideal per a crear logotips o imatges que utilitzarem per a representar a l'empresa.
És el més recomanat per a imprimir publicitat o publicar anuncis en pàgines web. A més a més, un dels seus millors avantatges és que emet transparències, és a dir representacions sense fons, la qual cosa el fa més versàtil.
Si hi ha una cosa dolenta sobre PNG és que la seva grandària és major. Per a garantir aquest nivell de qualitat ocuparà més espai en el nostre servidor o PC. A part, no admet colors en CMYK, així que tampoc és molt bo tenir-ho en compte per a treballs de publicitat impresa.
 

Les propietats de TIFF

Aquest és el germà major de tots els formats. És el que proporciona millor qualitat, admet colors en CMYK i RGB sense perdre qualitat de visualització en comprimir, la qual cosa el converteix en gairebé una combinació dels dos anteriors.
És perfecte per a projectes impresos, així com per a publicitat de gran mida. La seva qualitat és incomparable, però igual que l'anterior precisarà de més espai per a ser utilitzat.
És recomanable per a imprimir publicitat o fotografies, de manera que es reserva només per a un sector professional. Però, no és tan considerat per a llocs web, ja que pot fer que la càrrega de la pàgina sigui lenta, la qual cosa afectarà la nostra optimització i l'arribada del trànsit web.
 

GIF, el format per a animació

Només està disponible per a 256 colors, és utilitzat per a crear animacions o imatges en moviment i encara que és divertit, no és el més recomanat per a treballs professionals. I encara que pot ser un element perfecte per a donar-li dinamisme a un post del nostre blog, no és recomanable emprar-lo tot el temps.
També permet guardar fotos estàtiques en colors molt bàsics però igual que JPG pot perdre qualitat en comprimir-se.
 

És millor utilitzar WEBP?

WEBP és el format creat per Google, els seus principals avantatges són que té un 30? menys pes comparat amb PNG, és de bona qualitat i és molt recomenat per a llocs web. El que no ens agrada és que només és compatible amb Chrome i Opera, per tant, no es poden veure aquestes imatges si l’usuari ingressa des d’altres navegadors.
 
 
D'aquesta manera, només falta considerar quines són les nostres necessitats ara com ara i triar la que més ens convé, però PNG i JPG encara continuen sent els preferits d’Internet. 
 

Estigues al dia amb el nostre Blog de Transformació digital

A Nubulus, ens apassiona compartir coneixements i mantenir-te informat sobre les últimes tendències a e-commerce, SEO, disseny web, màrqueting digital i més. El nostre bloc és una font de recursos valuosos per a empreses que busquen liderar al món digital.

Subvencions CCAM 2026 per a comerç, serveis i artesania: què cobreixen i qui hi pot optar

Estigues al dia amb el nostre Blog de Transformació digital

24/07/2026

Les subvencions CCAM 2026 financen digitalització, reforma de locals i creixement artesà a Catalunya. Descobreix els 8 programes i quins imports podeu rebre.

Subvencions CCAM 2026 per a comerç, serveis i artesania: què cobreixen i qui hi pot optar
Les subvencions CCAM 2026 financen digitalització, reforma de locals i creixement artesà a Catalunya. Descobreix els 8 programes i quins imports podeu rebre.
Subvencions CCAM 2026 per a comerç, serveis i artesania: què cobreixen i qui hi pot optar

Com afegir el número de WhatsApp a la fitxa de Google Business Profile

Estigues al dia amb el nostre Blog de Transformació digital

16/07/2026

Com afegir el número de WhatsApp a la fitxa de Google Business Profile

Com afegir el número de WhatsApp a la fitxa de Google Business Profile
Com afegir el número de WhatsApp a la fitxa de Google Business Profile
Com afegir el número de WhatsApp a la fitxa de Google Business Profile

El AI Act i les imatges del teu ecommerce: què has d'etiquetar (i què no)

Estigues al dia amb el nostre Blog de Transformació digital

09/06/2026

El AI Act i les imatges del teu ecommerce: què has d'etiquetar (i què no)

El AI Act i les imatges del teu ecommerce: què has d'etiquetar (i què no)
El AI Act i les imatges del teu ecommerce: què has d'etiquetar (i què no)
El AI Act i les imatges del teu ecommerce: què has d'etiquetar (i què no)

Què és l'AI Act i a qui afecta

Estigues al dia amb el nostre Blog de Transformació digital

09/06/2026

Què és l'AI Act i a qui afecta

Què és l'AI Act i a qui afecta
Què és l'AI Act i a qui afecta
Què és l'AI Act i a qui afecta

Botó de desistiment: què és, què diu la llei i com complir-la sense riscos

Estigues al dia amb el nostre Blog de Transformació digital

09/06/2026

Botó de desistiment: què és, què diu la llei i com complir-la sense riscos

Botó de desistiment: què és, què diu la llei i com complir-la sense riscos
Botó de desistiment: què és, què diu la llei i com complir-la sense riscos
Botó de desistiment: què és, què diu la llei i com complir-la sense riscos

Com instal·lar Claude a Word, Excel i PowerPoint

Estigues al dia amb el nostre Blog de Transformació digital

05/05/2026

Com instal·lar Claude a Word, Excel i PowerPoint

Com instal·lar Claude a Word, Excel i PowerPoint
Com instal·lar Claude a Word, Excel i PowerPoint
Com instal·lar Claude a Word, Excel i PowerPoint

El Kit Digital: Red.es comprovarà si la teva web compleix la LSSICE

Estigues al dia amb el nostre Blog de Transformació digital

15/04/2026

Red.es

El Kit Digital: Red.es comprovarà si la teva web compleix la LSSICE
Red.es
El Kit Digital: Red.es comprovarà si la teva web compleix la LSSICE

Claude Code: l'assistent de programació que treballa al teu costat

Estigues al dia amb el nostre Blog de Transformació digital

26/03/2026

Claude Code: l'assistent de programació que treballa al teu costat

Claude Code: l'assistent de programació que treballa al teu costat
Claude Code: l'assistent de programació que treballa al teu costat
Claude Code: l'assistent de programació que treballa al teu costat

Microsoft Azure AI Foundry: què és i per a què serveix

Estigues al dia amb el nostre Blog de Transformació digital

26/03/2026

Microsoft Azure AI Foundry: què és i per a què serveix

Microsoft Azure AI Foundry: què és i per a què serveix
Microsoft Azure AI Foundry: què és i per a què serveix
Microsoft Azure AI Foundry: què és i per a què serveix

Nova Normativa 2026 de Control Horari: Què Canvia per a les Empreses

Estigues al dia amb el nostre Blog de Transformació digital

12/01/2026

Des de Nubulus ajudem empreses a implementar solucions de control horari que compleixin la normativa, adaptades a la seva mida i punt de partida. Si tens dubtes sobre quin sistema t'encaixa millor, parlem-ne.

Nova Normativa 2026 de Control Horari: Què Canvia per a les Empreses
Des de Nubulus ajudem empreses a implementar solucions de control horari que compleixin la normativa, adaptades a la seva mida i punt de partida. Si tens dubtes sobre quin sistema t'encaixa millor, parlem-ne.
Nova Normativa 2026 de Control Horari: Què Canvia per a les Empreses

Verifactu: què canvia i com afectarà el teu dia a dia si tens un negoci

Estigues al dia amb el nostre Blog de Transformació digital

26/11/2025

La nova normativa Verifactu arriba per transformar com facturen les empreses i els autònoms. I sí, és normal tenir dubtes: He d'usar-lo?,Quan entra en vigor?, El meu software servirà?

Verifactu: què canvia i com afectarà el teu dia a dia si tens un negoci
La nova normativa Verifactu arriba per transformar com facturen les empreses i els autònoms. I sí, és normal tenir dubtes: He d'usar-lo?,Quan entra en vigor?, El meu software servirà?
Verifactu: què canvia i com afectarà el teu dia a dia si tens un negoci

GEO vs SEO: Com canvia el posicionament amb la IA generativa | Nubulus

Estigues al dia amb el nostre Blog de Transformació digital

04/07/2025

Descobreix què és el GEO (Generative Engine Optimization), com es diferecia del SEO tradicional i com adaptar el teu web al nou paradigma de cerques amb IA

GEO vs SEO: Com canvia el posicionament amb la IA generativa | Nubulus
Descobreix què és el GEO (Generative Engine Optimization), com es diferecia del SEO tradicional i com adaptar el teu web al nou paradigma de cerques amb IA
GEO vs SEO: Com canvia el posicionament amb la IA generativa | Nubulus