OPTIMIZACIÓN DE IMÁGENES PARA PANTALLA

Optimización de imágenes para pantalla
Las imágenes digitales se forman al convertir datos analógicos de: película fotográfica, copias impresas, dibujos, etc., en datos digitales, a través del proceso denominado muestreo, digitalización o escaneado.
Su importancia radica en los múltiples usos que podemos dar a nuestros dibujos o imágenes una vez introducidas en el ordenador. El proceso de escaneado es independiente del escáner, sólo varía los filtros utilizados.
La calidad de la imagen se define por las siguientes características:

La resolución
Corresponde al tamaño de cada punto que conforma la imagen en sí y que corresponde a un bit. La unidad que mide la resolución viene normalmente en puntos por pulgada (ppp), en inglés (dots per inch) dpi.
La resolución se define en función del tipo de imagen que tenemos, ejemplo: fotografía y es afectada por el número de puntos que es capaz de rastrear sobre una imagen.

RESOLUCIÓN TIPO DE IMAGEN APLICACIONES
75-100 dpi/ppp Calidad de pantalla Páginas Web, CDRoms
200-600 dpi/ppp Calidad de impresora Calidad media alta para retoque fotográfico estándar
600-4000 dpi/ppp Calidad de imprenta gráfica Fotolitos, imágenes publicitarias de gran definición

Profundidad de color
Los niveles de color van desde 256 colores básicos correspondientes a nivel de 8 bits, hasta 16 millones de colores correspondiente a 32 bits. Según nuestras necesidades debemos escanear las imágenes a mayor precisión de color, lo que permita bajar posteriormente si es necesario.

La calidad de la imagen además de la resolución viene definida por los niveles de bits en color:
- La imagen de información de un bit (blanco y negro), monocromo.- Se usa para reconstrucción de formas, textos, y tiene de 0 a 256 valores tonales.
- La imagen de información de 16 colores en color.- Permite reducir nuestra paleta a 16 colores básicos, se utiliza para reconstrucción de logos y marcas en tintas planas.
- La imagen de información de 256 colores o de profundidad de 8 bits.- Son dos, la de escala de grises y la de color. Ocupan poca memoria y son suficientes para trabajos rápidos.
- Las imágenes de color a 256 colores.- Se adapta a la paleta de colores de un sistema SVGA o VGA de nuestro monitor, para imágenes que van a ser impresas en baja calidad.
- La imagen de información en 24 bits de profundidad.- Son las llamadas de calidad fotográfica y permite trabajar con el sistema RGB, para usarlas sobretodo en multimedia, animaciones, páginas web, etc.
- La imagen de información en 32 bits de profundidad.- Son las de alta calidad fotográfica y permite trabajar en base a la cuatricromía, es decir los canales CMYK, cían, magenta, amarillo y negro, para usos en revistas, publicidad gráfica, etc.

Los formatos de imagen y la compresión de datos
- TIF Formato estándar que soporta colores en niveles de 8 bits (256 colores), hasta 32 bits de color (sin pérdida en la compresión).
- BMP Formato estándar de Windows que soporta colores en niveles de 8 bits (256 colores), hasta 32 bits de color (sin pérdida en la compresión).
- PCX Formato estándar de Windows para PAINT BRUSH, que soporta colores en niveles de 8 bits (256 colores), hasta 32 bits de color.
- EPS Formato estándar basado en el lenguaje Postcript, que soporta colores en niveles de 8 bits (256 colores), hasta 32 bits de color, junto con texto.
- TGA Formato estándar de Windows que soporta colores en niveles de 8 bits (256 colores), 16 bits, hasta 32 bits de color, en función del nivel TGA que se disponga (sin pérdida en la compresión).
- GIF Formato estándar que soporta colores en niveles de 8 bits (256 colores), existiendo la posibilidad de animación y de utilizar un color como transparente (sin pérdida en la compresión).
- JPG/JEPG Formato estándar que soporta colores en niveles de 24 bits hasta 32 bits de color (con pérdida en la compresión).

Técnicas de corrección de una imagen digital
Adecuar características en el programa de escaneado:
- Calibración de los diversos dispositivos.
- Control del brillo y contraste de la imagen.
- Control del nivel de color de la imagen.
- Ordenes de manipulación como: giro, recorte, etc.

Operaciones con los programas de retoque de imágenes:
- El histograma.- Nos permite comprender e interpretar la información de la imagen en niveles tonales o de color.
- Los filtros.- Nos permite variar la distribución de los pixeles de la imagen. Entre los más utilizados están: de enfoque, desenfoque, de ruido o textura.
- La posterización.- Permite correcciones de los niveles tonales que conforman la imagen.

MANUAL DE TIPOGRAFÍA

La tipografía digital
Debido a que actualmente se aplica la informática a la impresión, el diseño gráfico y al diseño web, se ha hecho necesaria la creación de fuentes específicas para ser visualizadas en el monitor de un ordenador. Los diferentes sistemas operativos instalan por defecto un número variable de fuentes tipográficas; sin embargo, existen infinidad de fuentes disponibles en todo tipo de soportes, desde CD o DVD hasta páginas web para tal efecto. En el caso de Windows se instalan en la carpeta denominada Fonts.

Existen ciertos problemas relacionados con las fuentes tipográficas:
- Aparecimiento de trazos verticales y horizontales distorsionados. Efecto indeseado que se corrige mediante la técnica del antialiasing, que es un difuminado de los bordes de los caracteres para que el cambio no sea brusco.
- El hinting es una técnica aplicable como método indispensable para que cualquier fuente funcione en cuerpos pequeños y en dispositivos de baja resolución y lograr el mejor dibujo posible de un caracter.

Tipos de fuentes
Tanto para el ordenador como para la impresión utilizaremos dos tipos principales de fuentes escalables: TruType y fuentes Postscript Type 1, cuya ventaja radica en que permiten mejores procesos de “hinting” para aumentar la legibilidad.

Existen tres formas de cargarlas en memoria para poder utilizarlas:
- Instalar de forma permanente.
- Incrustar la fuente en un documento.
- Cargar la fuente en memoria.

Variantes de las fuentes
Se obtienen por modificación de algunas de sus propiedades:
- Según el grosor del trazo pueden clasificarse en extrafina, fina, redonda, negra y supernegra.
- Por medio de la proporción entre ejes vertical y horizontal se obtienen variantes redondas, cuando son iguales; estrecha, cuando el horizontal es menor que el vertical; y expandida, cuando el horizontal es mayor.
- A través de la inclinación del eje vertical se obtiene la itálica o cursiva.
- Al aumentar el tamaño de caja obtenemos las mayúsculas.

Equivalencia entre fuentes Windows y Mac
Un Mac trabaja a una resolución de 72 ppp (pixeles por pulgada) y una PC con Windows a una resolución de 96 ppp, por lo tanto el tamaño de una fuente definida en puntos en ambos sistemas es diferente, lo que hace que en un Mac las fuentes se verán más pequeñas.

Legibilidad y compresión del texto
La legibilidad se refiere a la facilidad con que los lectores decodifican la información en un documento y la compresión al contenido del mismo. La compresión no puede ser adquirida sin la legibilidad, por lo que existe una serie de prácticas a tomar en cuenta para lograr que nuestro texto sea de fácil lectura.

Buenas prácticas
- Usar letras redondas y minúsculas.
- No abusar de las negritas (bold).
- Las mayúsculas son más difíciles de leer que las minúsculas.
- Para publicidad combinar mayúsculas y minúsculas.
- Las cursivas son poco recomendables por ser poco legibles.
- El tamaño de letra debe elegirse según la composición y la distancia a la que se va a leer.
- Para pequeños formatos como libros, folletos, etc. Utilizar fuentes de 8 y 12 puntos.
- Grandes formatos requieren 2,5 cm a 10 m y 15cm a 60 m.
- Usar el tracking para ajustar el espacio entre caracteres.
- Usar el kerning para ajustar el espacio entre letras de una misma palabra.
- Con respecto al ancho de línea tomar como base más de 40 caracteres y menos de 70.
- Es recomendable que el interlineado sea uno o dos puntos más que el valor del cuerpo de la fuente.
- La alineación del texto es más natural a la izquierda sobre todo para textos largos. No hay diferencia entre el texto justificado y el alineado a la izquierda.
- Un contraste adecuado del color del texto lo hace más legible. Si disminuye el tamaño del texto, aumentar el contraste con el fondo.
- Tomar en consideración para lo anterior el tono, el valor y la intensidad del color.
- Los comienzos de párrafo deben ser de fácil reconocimiento.
- Evitar el texto subrayado.
- Dejar un espacio mayor por encima de los títulos y subtítulos que por debajo.
- Utilizar viñetas o sangrías para estructurar la información.
- Los espacios en blanco hacen los documentos más fáciles de leer.