Diseño de Interfaces - Tema 5 Imágenes para la web

Una de las ventajas de las imágenes digitales es que no se degradan con el tiempo. Esto se debe a que: Son subjetivas y dependen de la idea del artista. Utilizan unos y ceros para almacenar información de color y luminosidad, la cual no cambia. Se basan en la fotografía tradicional, que es objetiva y realist.

Las imágenes que están formadas por una cuadrícula de píxeles, donde cada uno almacena información de color, y que al ampliarse excesivamente muestran los "dientes de sierra", se denominan: Imágenes vectoriales. Imágenes de mapa de bits (o rasterizadas/matriciales). Imágenes en formato PNG.

Los formatos de imagen más comunes y soportados por todos los navegadores web para incorporar imágenes a un sitio son: GIF, JPG y PNG. PSD, TIFF y BMP. CDR, SVG y ICO.

¿Qué formato de imagen es el más adecuado para fotografías e imágenes con gran variedad de colores o degradados complejos?. GIF (limitado a 256 colores). JPG (o JPEG). PNG (alternativa moderna al GIF).

El formato GIF es especialmente apropiado para imágenes que tienen: Gran variedad de colores y degradados, como las fotografías. Grandes áreas de color sólido y pocos colores (entre 2 y 256). Necesidad de transparencias complejas con degradado.

El atributo de una imagen de mapa de bits que indica el número de bits de información almacenados por cada píxel y que determina la cantidad de colores posibles se denomina: Resolución (ppp). Tamaño en píxeles (ancho x alto). Profundidad de color.

Para calcular el tamaño físico (en cm) que ocupará una imagen impresa, necesitamos conocer su tamaño en píxeles y otro atributo fundamental: La profundidad de color. La resolución de impresión (puntos por pulgada - ppp). El formato de compresión (lossless o lossy).

El método de compresión LZW, usado por el formato GIF, que elimina secuencias repetidas de píxeles del mismo color, se clasifica como: Compresión con pérdida (lossy). Compresión sin pérdida (lossless). Compresión de profundidad de color.

Según la unidad, para imágenes escaneadas que se vayan a utilizar en una página web, la resolución recomendada es de: 300 ppp (para alta calidad de impresión). 150 ppp (para un equilibrio entre calidad y peso). 72 ppp (suficiente para visualización en pantalla).

En el contexto de los recursos gráficos para la web, un "banner" se define principalmente como: Un icono que complementa el texto de un enlace. Un logotipo que identifica el sitio y enlaza a la página principal. Un formato publicitario que se incluye en una página web para atraer tráfico.

¿Qué tipo de software nos permite realizar operaciones como girar una imagen, ajustar su brillo/contraste o ver sus propiedades, pero generalmente NO permite modificar los píxeles de la imagen de forma creativa?. Software de edición de imágenes (ej: Photoshop, GIMP). Software de visualización de imágenes (ej: visor de Windows). Software de creación de recursos gráficos (ej: Illustrator, CorelDraw).

Una de las buenas prácticas de optimización para la web mencionadas en la unidad es: Escanear siempre a la máxima resolución posible (ej: 600 ppp). Para imágenes de gran detalle, crear una miniatura en la página principal con un enlace a la imagen original. Guardar siempre la copia maestra de una imagen en formato JPG para ahorrar espacio.

Cuando trabajamos con imágenes para la web, es fundamental guardar siempre una copia de la imagen original (por ejemplo, en TIFF o PSD) porque: Es el único formato que los navegadores pueden leer. Nunca se sabe cuándo se necesitará volver a editarla o modificar su tamaño desde la máxima calidad. Los formatos originales siempre ocupan menos espacio que los optimizados para web.

El proceso de reducir el peso de un archivo de imagen eliminando información redundante (ya sea sin pérdida o con pérdida imperceptible) para que se descargue más rápido en una web se conoce como: Vectorización. Compresión. Rasterización.

La unidad define una imagen digital como el resultado visual final que une el mundo de la fotografía y la pintura, gracias a la informática. Esto significa que una imagen digital puede ser: Solo objetiva y realista, como una fotografía. Solo subjetiva e irreal, como una pintura. Tanto una captura objetiva de la realidad como una creación subjetiva y modificada.