El componente gráfico de las páginas web tiene
mucha importancia, es el que hace que estas sean vistosas y el
que nos permite aplicar nuestra creatividad para hacer del diseño
de sitios una tarea agradable. Es también una herramienta para
acercar los sitios al mundo donde vivimos, si embargo, es también
el causante de errores graves en las páginas y hacer de estas,
en algunos casos, un martirio para el visitante.
Las nociones básicas para el uso de archivos gráficos son sencillas,
conocerlas, aunque sea ligeramente, nos ayudará a crear sitios
agradables y rápidos. No cometer errores en el uso de las imágenes
es fundamental, aunque no seas un diseñador y las imágenes que
utilices sean feas, utilízalas bien y así estarás haciendo más
agradable la visita a tus páginas.
Los formatos de archivos gráficos se diferencian
en la manera de representar la información gráfica
(como píxeles o como vectores) y en cómo comprimen
los datos de imágenes.
En Internet se utilizan principalmente dos tipos
de archivos gráficos GIF y JPG, pensados especialmente para optimizar
el tamaño que ocupan en disco, ya que los archivos pequeños se
transmiten más rápidamente por la Red.
El formato de archivo
GIF se usa para las imágenes que tengan dibujos,
mientras que el formato
JPG se usa para las fotografías. Los dos comprimen
las imágenes para guardarlas. La forma de comprimir la imagen
que utiliza cada formato es lo que los hace ideales para unos
u otros propósitos.
Adicionalmente, se puede usar un tercer formato gráfico en las
páginas web, el PNG. Este formato no tiene tanta
aceptación como el GIF o JPG
por varias razones, entre las que destacan el desconocimiento
del formato por parte de los desarrolladores, que las herramientas
habituales para tratar gráficos generalmente no lo soportan y
que los navegadores antiguos también tienen problemas para visualizarlas.
Sin embargo, el formato se comporta muy bien en cuanto a compresión
y calidad del gráfico conseguido, por lo que resultaría útil si
se llega a extender su uso. Si queremos sacarle el mayor partido
al formato PNG utilizaremos el software Fireworks.
El formato de archivo seleccionado para una imagen
optimizada lo determinan las características de color,
tono y gráfico de la imagen original.
En general, las imágenes de tono continuo como las fotografías
deben comprimirse como archivos JPEG. Las ilustraciones con color
mate o bordes bien definidos y detalles nítidos, como el
texto, deben comprimirse como archivos GIF o PNG-8.
El formato de archivo PNG-24 es
apropiado para las imágenes de tono continuo.
Sin embargo, los archivos PNG-24 son con frecuencia más
grandes que los archivos JPEG de la misma imagen.
El formato PNG-24 se recomienda sólo cuando se trabaja
con una imagen de tono continuo que incluye transparencia en varios
niveles. (La transparencia en varios niveles la admite
el formato PNG-24, pero no el formato JPEG.) Una fotografía
es apropiada para comprimirla como imagen JPEG o PNG-24 y una
imagen es apropiada para comprimirla como imagen GIF o PNG-8.
Seleccione un formato que contenga suficiente profundidad
en píxeles como para visualizar la información de
color de la imagen. Los archivos PNG-8 y GIF admiten el color
de 8 bits. Los archivos JPEG y PNG-24 admiten el color de 24 bits.
Según el formato, puede especificar la calidad de la imagen,
la transparencia o halos de fondo, la visualización del
color y el método de descarga.
Los softwares de edicción gráfica
para web de última generación vienen incluyendo
la opción "guardar para web" mostrando
un interfaz de exportación, donde podemos ver como se vería
y cuanto ocuparía el gráfico antes de realizar la
transformación, de esta forma podemos apreciar la perdida
de calidad de cada caso.

El aspecto de una imagen en la Web también
depende de la plataforma del equipo, el sistema de visualización
del color, el sistema operativo y el navegador utilizado para
visualizar la imagen. Previsualice las imágenes en diferentes
navegadores de diferentes plataformas para ver cómo aparecen
las imágenes en la Web.
Puede
ver una tabla que resume los atributos importantes de los
formatos de archivos de imagen comunes que se utilizan en la actulidad.