Format d'imatges

Les imatges digitals es poden guardar en diferents formats. 

Cada un es correspon amb una extensió específica de l'arxiu que el conté. Els més utilitzats en l'actualitat són: BMP, GIF, JPG, TIF i PNG.

BMP (Bitmap = Mapa de bits)

• Ha estat molt utilitzat perquè va ser desenvolupat per a aplicacions Windows.
• La imatge es forma mitjançant una graella de píxels.
• El format BMP no pateix pèrdues de qualitat i per tant resulta adequat per a guardar imatges que es volen manipular posteriorment.
• Avantatge: Guarda gran quantitat d'informació de la imatge.
• Inconvenient: L'arxiu té una mida molt gran.

GIF (Graphics Interchange Format = Format d'Intercanvi Gràfic)

• Ha estat dissenyat específicament per comprimir imatges digitals.
• Redueix la paleta de colors a 256 colors com a màxim (profunditat de color de 8 bits).
• Admet gammes de menor nombre de colors i això permet optimitzar la mida de l'arxiu que conté la imatge.
• Avantatge: És un format idoni per a publicar dibuixos a la web.
• Inconvenient: No és recomanable per a fotografies de certa qualitat ni originals ja que el color real o veritable utilitza una paleta de més de 256 colors.

JPG-JPEG (Joint Photographic Experts Group = Grup d'Experts Fotogràfics Units)

• A diferència del format GIF, admet una paleta de fins a 16 milions de colors.
• És el format més comú juntament amb el GIF per publicar imatges a la web.
• La compressió JPEG pot suposar certa pèrdua de qualitat en la imatge. En la majoria dels casos aquesta pèrdua es pot assumir perquè permet reduir la mida del fitxer i la seva visualització és acceptable. És recomanable utilitzar una qualitat de l'60-90% de l'original.
• Cada vegada que es modifica i guarda un arxiu JPEG, es pot perdre una mica de la seva qualitat si es defineix cert factor de compressió.
• Les càmeres digitals solen emmagatzemar directament les imatges en format JPEG amb màxima qualitat i sense compressió.
• Avantatge: És ideal per publicar fotografies a la web sempre i quan es configuren adequadament dimensions i compressió.
• Inconvenient: Si es defineix un factor de compressió es perd qualitat. Per aquest motiu no és recomanable per arxivar originals.

TIF-TIFF (Tagged Image File Format = Format de Arxiu d'Imatge Etiquetada)

• Emmagatzema imatges d'una qualitat excel·lent.
• Utilitza qualsevol profunditat de color d'1 a 32 bits.
• És el format ideal per editar o imprimir una imatge.
• Avantatge: És ideal per arxivar fitxers originals.
• Inconvenient: Produeix arxius molt grans.

PNG (Portable Network Graphic = Gràfic portable per a la xarxa)

• És un format de recent difusió alternatiu al GIF.
• Té una taxa de compressió superior al format GIF (+ 10%)
• Admet la possibilitat d'emprar un nombre de colors superior als 256 que imposa el GIF.
• A causa de la seva recent aparició només és suportat en navegadors moderns com IE 4 o superior.

 Nota per a Windows:

Per visualitzar l'extensió dels arxius des del navegador de Windows segueix els següents passos:

1. Des de l'escriptori tria Inici> El meu PC
2. A la barra de menús selecciona Eines> Opcions de carpeta
3. Cliqueu a la pestanya Veure .
4. A la llista Configuració avançada localitza a la part més inferior de la llista l'element: " Ocultar les extensions d'arxiu per a tipus d'arxiu coneguts ".
5. Assegura't que la casella de l'item esmentat NO està activada.
6. Prem a Acceptar per desar els canvis.

Després d'executar aquestes instruccions es mostrarà sempre l'extensió dels arxius (.doc, .pdf, .html) quan utilitzis l'explorador d'arxius de WCONSELLS PER OPTIMITZAR IMATGESindows per moure't entre les carpetes del teu disc dur.

A la següent taula es recullen les característiques diferencials més significatives dels tres formats d'imatge recomanats per publicar una imatge a la web.

JPG	GIF	PNG
Nombre de colors: 24 bits color o 8 bits B / N	Fins 256 colors	Nombre de colors: 24 bits color
Molt alt grau de compressió	Format de compressió	Major compressió que el format GIF (+ 10%)
Admet càrrega progressiva	Admet càrrega progressiva	Admet càrrega progressiva
No admet fons transparents	Admet fons transparents	Admet fons transparents en 8-bits
No permet animació	permet animació	No permet animació

CONSELLS PER OPTIMITZAR IMATGES

En aquest apartat s'exposen alguns consells sobre el tractament d'imatges per al disseny web:

1. En crear una pàgina web interessa que els arxius que contenen les imatges siguin el menys pesats possibles per agilitar la seva descàrrega i visualització per Internet.

2. La mida d'un arxiu gràfic ve determinat per les dimensions de la imatge, la seva resolució, el nombre de colors i el format (JPG, GIF, PNG).

3. Crea i guarda imatges en resolució no superior a 72 ppp. És la resolució que se sol usar en les pantalles d'ordinador. No val la pena optar per valors majors ja que augmenta considerablement el pes de l'arxiu a descarregar i l'usuari no ho aprecia. Si la imatge es dissenya per imprimir llavors hem d'optar per una resolució entre 200-300 ppp.

4. A vegades pot interessar reduir el nombre de colors de la paleta perquè això suposa reduir la mida del fitxer.

5. Convé utilitzar un programa d'edició gràfica per definir les dimensions concretes de la imatge abans de inserir-la en la pàgina web.

6. El més convenient és guardar els originals de les imatges favorites en format BMP, TIFF o JPEG sense comprimir. A partir d'elles es pot crear una còpia en format GIF (PNG) o JPEG amb les dimensions, resolució i paletes adequats per publicar-les a la web.

7. Les imatges GIF són més adequades per a dibuixos, gràfics i logotips. Són aquelles que es poden representar fàcilment amb colors sòlids i una paleta amb un nombre reduït de colors.

8. Les imatges JPEG són millors per a fotografies i imatges amb degradats, perquè admeten color de 24 bits, i perquè gràcies a la seva compressió ofereixen una imatge més brillant que ocupa menys espai en el disc.

9. És aconsellable NO inserir imatges en una pàgina utilitzant <Ctrl> + <C> (Copia) i <Ctrl> + <V> (Pegar).Això crearà arxius de baixa qualitat i de cert pes. És preferible optimitzar la imatge usant un programa d'edició gràfica i després inserir-la en la pàgina.

Per reduir el pes d'un arxiu gràfic es poden modificar alguns dels seus paràmetres utilitzant un editor d'imatges com ara GIMP:

• Format de l'arxiu gràfic:
• Conversió de formats.
• Paleta de colors:
• Reduir la paleta de colors.
• Mida de la imatge (Amplada x H)
• Reduir la mida d'una imatge.
• Retallat d'imatges

 Font i més informació: http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen01.html