Optimizando imágenes para la web.
Martes, 27 de Febrero de 2007Cuando se parte de una imagen escaseada o cualquier imagen en alta resolución, debemos tener presente que la resolución del monitor es aproximadamente de 72dps.
Al escasear a 300 dpi estamos obteniendo imágenes innecesariamente grandes y que no se verán mejor que la imagen adquirida a una resolución mínima. Una imagen capturada a una resolución muy alta ocupará mucho espacio en nuestro servidor y seguramente los visitante no esperarán a que esta sea cargada.
Un error muy común es tomar la imagen directamente del escáner y escalarla al tamaño deseado mediante el programa de edición de páginas. La solución en este caso es muy sencilla; en el programa de edición de imagen hay que reducir la resolución y ajustar el tamaño.
Después de preparar los ficheros para las páginas web, debe guardarse siempre una imagen original con el tamaño, resolución y número de colores necesarios para poderla manipular sin limitaciones.
Sobre la resolución, está todo dicho: basta con 72 dpi.
El tamaño de la imagen dependerá, evidentemente, de su tamaño y del grado de detalle que queramos mostrar. Debemos tener en cuenta que para una imagen de gran tamaño (por ejemplo, toda la pantalla),el tamaño puede ser muy grande y se hace imprescindible adoptar estrategias de optimización. A veces puede ser conveniente dividir la imagen en partes, optimizarlas al máximo por separado y preparar una tabla que muestre, aparentemente, una imagen única intacta.
El número de colores para jpeg es casi irrelevante: como mínimo debe haber 256. Lo que permite ajustar mejor el tamaño de un jpeg es el grado de compresión, que se puede elegir en el programa de gráficos. Si vamos probando, podemos llegar al tamaño mínimo con el que la pérdida de calidad es insignificante. En cambio, para los gifs el número de colores sí que es importante; el máximo aquí es 256, pero si podemos mantener el número más bajo, el tamaño será menor.
La forma en que se simulan los colores no contenidos en la paleta que elijamos para el gif puede ser: a) convertirlos a los colores más próximos en la paleta disponible; b) simular una trama que se aproxime al color. Estos dos parámetros nos permiten hacer diferentes pruebas a la busca de la mejor solución en términos de calidad y tamaño.
Esta tarea de optimización, de todos modos, también se puede automatizar. Diferentes programas tienen la opción de procesar por lotes (conjuntos de imágenes) o pueden grabar macros o acciones del proceso de optimización, para después aplicarlos a un conjunto de gráficos simultáneamente.


