Optimizar una imagen para Web en Photoshop
Última modificación el Domingo, 26 abril 2009 07:24 Autor: Jaume Martes, 26 agosto 2008 07:22
Optimizar al máximo una imagen para Web en Photoshop
Los diseñadores de páginas web persiguen optimizar el tamaño de las imágenes al máximo, razón por la cual necesitan comprimir los archivos en formatos GIF o JPEG.
Este último es un formato de compresión con pérdidas, por lo que es difícil encontrar el equilibrio entre la pérdida de calidad y la ganancia en espacio. Para facilitar esta tarea, Adobe Photoshop proporciona una herramienta que muestra de forma gráfica los distintos resultados que se obtendrían tras la variación de los parámetros relativos a la compresión. Para acceder a esta herramienta simplemente elegimos en el menú Archivo•Guardar para Web… .
No obstante, existe un truco que permite optimizar aún más esta técnica. Muchas imágenes tienen unas partes que permiten una gran compresión mientras que otras son mucho más críticas, y cualquier pérdida de calidad afecta en gran medida a la apariencia final de la imagen. Para ello, definiremos algo parecido a una máscara que proteja las partes más sensibles. El proceso se realiza añadiendo un canal alfa, que definirá el área a proteger.
Lo primero es añadir el canal, pulsando en el botón que abre el menú desplegable en la ventana de canales. Pulsamos la opción nuevo canal y le damos el nombre que consideremos oportuno. Las opciones que trae por defecto son correctas: opacidad al 50% y el color como área de máscara. No obstante, si el color verde es muy común en la imagen, es mejor seleccionar otro que no lo sea.
Ahora actuamos sobre la imagen con la herramienta borrador. Aquellas partes que borremos serán las que quedarán más protegidas, mientras que el resto sufrirá la mayor degradación en la etapa final de compresión. Activando y desactivando canales podemos apreciar cómo se solapa el nuevo canal con el resto de la imagen.
Ya sólo queda el proceso final de grabación. Vamos al menú Archivo•Guardar para Web… y esta vez pulsamos un pequeño botón que tiene un círculo blanco a continuación de la casilla de calidad. Nuestro paquete de Adobe Photoshop tiene, sorprendentemente, esta ventana a medio traducir y elhint nos aparece en inglés:use a channel to modify quality setting . Una vez seleccionado el canal observamos ligeros cambios en la imagen que nos permiten aprovechar hasta el último byte.
Conviene destacar que en la ventana de seleccionar el canal nos aparece una barra con una serie marcadores. Se trata de seleccionar la compresión mínima y máxima que serán aplicadas, siempre en función del canal designado.
Aunque hemos hablado de compresión JPEG, este sistema también es válido para las imágenes GIF. En este último caso se dará prioridad a unos colores sobre otros, afectando al tramado, que será mayor y por tanto con menos calidad en aquellas áreas designadas en función del canal.
Si te ha parecido interesante únete a nuestra comunidad de FACEBOOK y compartelo con tus amigos.
Un poco obio no?