Últimamente me he dado cuenta de que algunos diseñadores web no parecen utilizar correctamente los perfiles de color en Photoshop. Si alguna vez has guardado imágenes para la web y has descubierto que salen ligeramente más claras y desaturadas de lo que veías cuando trabajabas en ellas, esta guía es para ti.

Hay algunas entradas de blog que abogan por desactivar los perfiles de color en las imágenes web para «solucionar» este problema. Esta no es la forma correcta de hacerlo porque los navegadores modernos como Firefox 3 y Safari sí utilizan perfiles de color, por lo que puedes obtener resultados mucho mejores si los utilizas correctamente. Además, los perfiles de color son muy sencillos de utilizar. Aquí está cómo…

NOTA: Las siguientes instrucciones son para Photoshop CS3 que se ejecuta en OS X, pero será el mismo para Windows y similar para las versiones anteriores de Photoshop.

En primer lugar, tenemos que saber qué perfil a utilizar para sus imágenes web – que es el perfil sRGB IEC61966-2.1. Es el estándar en muchos monitores de PC y, por tanto, se recomienda su uso en la web. Para configurar su espacio de trabajo con este perfil, abra el menú «Editar» y haga clic en «Ajustes de color…»

Se le presentarán las siguientes opciones:

Mire la sección «Espacios de trabajo» y seleccione el perfil sRGB IEC61966-2.1 en el menú desplegable RGB. Los otros ajustes no son relevantes aquí, ya que sólo vamos a trabajar con RGB para las imágenes web.

Ahora tienes el espacio de trabajo configurado correctamente, pero no hemos terminado. Lo que ves ahora no es lo que verás cuando guardes la imagen para la web porque lo que ves no se ve afectado por la configuración de tu monitor. Para ver los colores «reales» tenemos que utilizar la prueba de color.

Haz clic en el menú «Ver» y luego en «Configuración de la prueba». Debería ver otra selección. Queremos ver la imagen tal y como aparecerá en nuestro monitor, así que seleccione «Monitor RGB» en la parte inferior.

Por último, tenemos que activar la prueba de color ya que está desactivada por defecto. Haz clic de nuevo en el menú «Ver», y haz clic en «Probar colores» si no hay una marca ya al lado.

Una vez que hagas clic en él, se marcará indicando que los colores se están probando ahora usando la configuración de tu monitor. Eso es todo, lo que usted ve ahora en su pantalla será más o menos lo que obtendrá cuando guarde la imagen.

La gente seguirá viendo los colores ligeramente diferentes a través de muchos dispositivos y sistemas operativos (por ejemplo, la gamma por defecto de OS X difiere de la gamma estándar de Windows PC, por lo que las imágenes son un poco más brillantes – si usted está trabajando en un Mac se aconseja establecer su nivel de gamma a 2,2), pero la salida seguirá siendo coherente con su espacio de trabajo y estará listo para los navegadores modernos que utilizan perfiles de color incrustados.