Formatos de imágenes para web

Es por todos sabido que un texto con una imagen, siempre se lee mejor que un texto "a secas", sin ningún tipo de adorno ni decoración.

A la hora de añadir imágenes en internet hay que tener en cuenta dos cosas muy importante, que tenga buena calidad para web y que pese lo menos posible.
Y esto puede parecer contradictorio, ya que a mayor calidad más peso, y a menor peso, menos calidad.
Es por ello que el diseñador siempre tiene que jugar con estos dos parámetros, subiendo la mayor calidad posible pero no dejando que el peso sea exágeradamente amplio.

Para ayudar a los diseñadores y a los "diseñadores" que suben imágenes a las webs (que no se suben, sino que se enlazan desde el fichero de la página), hay tres tipos de archivos para las imágenes, hablando casi exclusivamente del JPG, GIF y PNG:

GIF

Su nombre proviene de "Graphics Interchange Format" (Formato de Intercambio de Gráficos)

Este formato es utilizado para imágenes y animaciones.

Sus principales características son la capacidad de mostrar 256, teniendo las posibles paletas de 2, 4, 8, 16, 32, 64, 128 y 256 colores.

También ofrece la posibilidad de crear una transparencia, aunque ésta tiene que ser total (en la explicación de los archivos PNG se verá la diferencia entre transparencia total y la parcial.)

Como ya hemos dicho antes, permite hacer animaciones con imágenes, esto es, poner varias imágenes diferentes y hacer que pase la animación de una a otra para dar la sensación de animación.

A la hora d eguardar los archivos podemos seleccionar que se guarde como un archivo entrelazado, que significa, que al cargar la imagen, se verá totalmente, aunque la calidad irá mejorando a medida que se vaya cargando en el navegador.


JPG

Sus siglas vienen de "Joint Photographic Experts Group" (Grupo de Expertos de Fotografías Mixtas)

Es un método muy utilizado para comprimir imágenes fotográficas, además de ser utilizado como un formato de archivo, siendo el formato de imagen más utilizado por las cámaras de fotografía digitales.

Su principal característica es la posibilidad de "guardar" millones de colores en las imágenes, por lo que es tan comúnmente utilizado para las fotografías.

PNG

El significado de estas letras es "Portable Network Graphics" (Red Portatil de Gráficos)

Nos ofrece la posibilidad de utilizar una paleta indexada o de mezclar varios canales.
El número de canales depende los colores y la posible transparecnia de la imagen.
La combinaciones permitidas por PNG son:
Un canal: escla de grises
Dos canales: escala de grises y canal alfa (transparencia)
3 canales o RGB: canales Rojo, Verde y Azul.
4 canales o RGB+Alfa: canales Rojo, Verde, Azúl y Alfa.

Cuando utilizamos la posibilidad de incorporar la paleta de colores indexado, sólo tenemos la posibilidad de incorporar 256 colores como máximo a nuestra imagen.

Este formato ofrece una gran variedad de posibilidades en la transparencia, pudiendo hacer que un píxel sea completamente opaco (que s evea) hasta que sea totalmente transparente, pasando por la posibilidad de hacer medias transparencias en los colores.




También te puede interesar:
3 - Oct - 2008 Insertar imágenes y cambiar otros parámetros
25 - Oct - 2008 Formatos de imágenes para Web.