3.1.- Imágenes estáticas | 3.2.- GIF | 3.3.- JPG | 3.4.- Optimizar Ficheros | 3.5.- PNG | 3.6.- Archivos de animación | 3.7.- Scripts y Java | 3.8.- Vídeos | 3.9.- VRML | 3.10.- 360º | 3.11.- FLASH, Shockwave | 3.12.- Actividades |


3 .- Clasificación de elementos gráficos según su estructura

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.

 

3.1.- Imágenes estáticas | 3.2.- GIF | 3.3.- JPG | 3.4.- Optimizar Ficheros | 3.5.- PNG | 3.6.- Archivos de animación | 3.7.- Scripts y Java | 3.8.- Vídeos | 3.9.- VRML | 3.10.- 360º | 3.11.- FLASH, Shockwave | 3.12.- Actividades |