Imatges
 

Imatges

Un document HTML pot incorporar imatges o gràfics, no només com a fons del document (amb l'atribut bg image de l'etiqueta <body>) o de parts d'ell, sinó dins del propi cos del document.

Tipus d'imatges

Encara que existeixen molts formats d'imatges en internet, s'utilitzen bàsicament dos tipus: JPEG i GIF.

1. JPEG

Les imatges en format JPEG (Joint Photographers Experts Group) amb extensió .jpg, són imatges en color real (colors RGB de 24 bits) comprimides mitjançant un algorisme matemàtic. S'empren quan la imatge precisa una gran quantitat de colors (fotografies principalment), prevalent la qualitat de la imatge i el seu colorit sobre la grandària del fitxer. Es poden comprimir per a disminuir la seva grandària tenint en compte que la compressió redueix la qualitat.

Avantatges:
  • Suporta milions de colors a un pes relativament baix
  • Àmpliament suportat en tots els navegadors i plataformes
Inconvenients:
  • No suporta transparències
Aquest format és recomanable per a imatges fotogràfiques amb molts colors i detalls.

2. GIF

En el format GIF (Graphics Interchange Format), les imatges només es representen mitjançant 256 colors (8 bits), pel que no permeten la presentació d'imatges amb colors molt matisats. Són les més emprades per la seva petita grandària. Pot escollir-se un dels 256 colors per a fer-lo transparent, amb el que el navegador no representa dit color en el document, veient-se el seu fons.
El format GIF permet crear animacions a través de fotogrames seqüencials.

Avantatges:
  • Àmplia compatibilitat en els navegadors
  • La transparència pot ser molt útil, si se sap utilitzar
  • La compressió assoleix imatges de molt baix pes
Inconvenients:
  • Límit de 256 colors (degradats i fotografies es veuen molt malament)
GIF és molt indicat per a guardar imatges no fotogràfiques tals com: logotips, imatges de colors plans, dibuixos, etc.



Consells a l'hora d'inserir imatges

  • Per inserir una imatge que només es veurà per pantalla, hem de tenir en compte les seves mesures perquè no sigui més gran que la pantalla de l'ordinador i ens obligui a veure-la movent la pantalla (scroll).
    Si en canvi volem que es pugui imprimir, és aconsellable fer un enllaç a un altre lloc on tinguem la imatge amb més definició (més pesada) i puguem descarregar-la.
  • Si volem tenir una pàgina web àgil i que no trigui molt en obrir-se és important que les imatges que contingui no siguin molt pesades perquè augmentarà el temps de descàrrega. (Jakob Nielsen's Website)


     

Per saber més sobre imatges, clica a imatges interactives i GIFs animats.