¿Cómo puedo asegurar una reproducción del color adecuada con navegadores en pantallas de amplia gama?

Cuando edite para la web, todos le recomendarán que use sRGB, ya que muchos navegadores no ofrecen administración de color, y la mayoría de los navegadores interpretarán todas las imágenes como sRGB de todos modos.

Esto es correcto para los navegadores utilizados en pantallas de gama normal, que viven en sRGB.

Ahora ingrese a la amplia gama de pantallas. Estos viven en el espacio de color AdobeRGB, y para mi consternación en una amplia gama de navegadores de pantalla sin administración de color interpretarán los datos de la imagen como si estuvieran también en el espacio de color AdobeRGB. ¿Qué sucede si los datos de imagen sRGB se interpretan como AdobeRGB? Los colores están apagados, demasiado fuertes, se ve llamativo.

El problema incluso continúa cuando se usa un navegador con administración de color como FireFox, pero al ver imágenes sin perfil incrustado: las imágenes se interpretarán como AdobeRGB en lugar de sRGB.

En resumen: desde que obtuve mi pantalla de gama amplia, flickr se ve horrible.

¿Alguna idea de cómo hago que mis navegadores (Internet Explorer y Firefox) usen sRGB en lugar de AdobeRGB para la reproducción del color por defecto?

Estoy usando Windows 7.

Lo curioso es que cuando descargo las imágenes en la unidad local y utilizo un visor de archivos para verlas, el color se interpreta correctamente como sRGB.

Desafortunadamente, no hay nada que pueda hacer que sea práctico. Para obtener lo que desea, debe configurar el perfil de su sistema en sRGB.

El comportamiento de la reproducción del color de la imagen para imágenes sin perfiles adjuntos no está definido. Los navegadores no adivinan en qué espacio de color se encuentra una imagen, si no se adjunta ningún perfil. El sistema operativo maneja eso.

La forma correcta de obtener la reproducción del color correctamente es adjuntar un perfil a la imagen. Obviamente flickr (y miniaturas de contrabando) no le da esta opción.

Entonces tiene dos opciones: una, configurar ventanas para usar sRGB como perfil de monitor; entonces todas las imágenes no etiquetadas se verán como sRGB, pero las imágenes etiquetadas se verán como basura, y su gestión del color será increíble.

O simplemente lidie con el hecho de que las imágenes no administradas son el demonio y no hay nada que pueda hacer al respecto.

Tal vez hay un complemento de Firefox que puede adjuntar automáticamente un perfil de color, pero fuera de eso, es simplemente una vieja succión que se conoce como gestión de color.

Tuve que lidiar con este mismo problema con Smugmug. Todas mis imágenes tienen perfiles sRGB adjuntos, por lo que se ven geniales (en navegadores con administración de color), pero las miniaturas se ven sobresaturadas. Esto se debe a que los pulgares se generan automáticamente y Smugmug se niega a adjuntarles un perfil de color, ya que duplica el tamaño de la miniatura. Por lo tanto, los pulgares se procesan de cualquier forma que el sistema operativo decida procesarlos.

He tenido exactamente el mismo problema y es posible llegar a una solución correcta y viable . Hay muchas ideas falsas tanto en la pregunta como en las respuestas anteriores (y, de hecho, en torno a la gestión del color en general), así que permítanme tratar de aclararlas y proporcionarle una respuesta.

Primero, los conceptos erróneos ...

1. Los monitores normales (no anchos) no "viven en sRGB", ni las pantallas de amplia gama "viven en AdobeRGB". sRGB y AdobeRGB (junto con ProPhoto RGB) se conocen como perfiles de trabajo : no coinciden con ningún dispositivo del mundo real, solo proporcionan un conjunto estándar de medidas que todos los dispositivos se pueden programar para comprender. Cada monitor (y cada impresora) tiene su propio perfil, y de hecho ese perfil puede cambiar con el tiempo a medida que envejecen los productos químicos en la pantalla. El perfil de una pantalla individual puede tener un alto grado de superposición con uno de los perfiles de trabajo estándar, pero es incorrecto decir que coincide exactamente o incluso encaja completamente dentro de él. Eso'

2. Nunca debe configurar el perfil de su pantalla en uno de los perfiles de trabajo (¡porque ese no es su perfil!). La solución correcta es usar un dispositivo de calibración para averiguar el perfil correcto de su monitor y usarlo.

3. Los navegadores no son la única fruta: desea asegurarse de que su pantalla tenga un perfil tal que otras aplicaciones de imágenes (Photoshop, Lightroom, lo que sea) también muestren los colores fielmente.

4. No es algo que puede hacer acerca de las imágenes no administrados en los navegadores (algunas otras respuestas han tocado en él). Lo abordaré en detalle a continuación.

Una guía aproximada sobre cómo interactúan los perfiles cuando ve una imagen en su monitor

En un mundo ideal, no uno sino dos perfiles entrarán en juego al ver una imagen . El primero es el perfil incrustado en la imagen: llamemos a eso el perfil de entrada . Recuerde que las imágenes digitales están formadas por píxeles, cada uno con una combinación de rojo, verde y azul. Entonces, para un cuadrado rojo liso, cada píxel se establece en 100% rojo, 0% verde, 0% azul. ¿Pero qué queremos decir con 100% rojo?Es como ver una señal en el lado de la carretera que dice "Ahora puede conducir a la velocidad máxima". ¿Qué velocidad máxima? ¿Tan rápido como irá el auto? El letrero no dice, por lo que la velocidad real variará de un automóvil a otro. Lo que el perfil de entrada nos dice es a qué se relaciona ese valor del 100%: para una imagen etiquetada con un perfil incrustado, su computadora ahora sabe que "100% rojo" significa el valor rojo máximo definido por ese perfil específico. (Para completar la analogía, nuestra señal de tráfico ahora dice: "Límite máximo 70 mph. Ahora puede conducir al máximo").

Entonces, una vez que una imagen está etiquetada con un perfil incrustado , sabemos exactamente qué es lo que debemos mostrar : exactamente qué tono de rojo, amarillo o lo que sea. La siguiente pregunta es: ¿cómo lo mostramos? Mire la misma imagen en algunas computadoras diferentes (o solo en su computadora y su teléfono) y verá que no hay dos pantallas que muestren el color exactamente de la misma manera. Aquí es donde debemos calibrar nuestro monitor para producir un perfil de pantalla, el perfil de salida , que nos diga exactamente cómo este dispositivo específico procesa los colores. Ahora tenemos los dos elementos de información que necesitamos:

• Perfil de entrada: ¿Qué significa esta imagen cuando dice "rojo"?
• Perfil de salida: ¿Cómo consigo que este hardware muestre (lo más cerca posible) ese tono de rojo?

¿Y si la imagen no está etiquetada? Para todos, excepto para el uso más especializado, es seguro asumir que una imagen sin etiquetar está utilizando el perfil sRGB.

Y ahora para responder tu pregunta

El primer paso con cualquier monitor, pero especialmente importante con una pantalla de amplia gama, es calibrar correctamente su monitor . Esto requiere el uso de un calibrador: una pieza de hardware que se asienta sobre la pantalla y toma lecturas de color mientras muestra un rango de imágenes de prueba, para determinar qué colores muestra realmente su monitor. Para una pantalla de amplia gama, debe asegurarse de usar un calibrador adecuado: uso un Spyder Pro 3 y funciona bien.

Una vez que haya calibrado su monitor, debería descubrir que cualquier aplicación con administración de color ahora muestra los colores fielmente. Antes de la calibración, mi monitor de amplia gama mostraba todo hiper saturado: los tonos de piel eran rojo tomate y tanto Photoshop como Lightroom estaban inutilizables. Después de la calibración, ambos se veían perfectos. Por lo tanto, use una aplicación de color administrado para probar su calibración.

Y ahora en los navegadores! Firefox es el único navegador que funciona bien para mí en una pantalla de gama amplia calibrada. De forma predeterminada, utiliza el perfil de color incrustado en las imágenes para mostrarlas correctamente, pero las imágenes sin etiquetar aún aparecen saturadas. Pero no te preocupes, ¡no todo está perdido!

• Escriba about: config en su barra de direcciones.
• Desplácese hacia abajo y busque gfx.color_management.mode .
• Cambie el valor a 1 .

Esto hace que Firefox trate todas las imágenes sin etiquetar como sRGB : exactamente lo que queremos que suceda. ¡Incluso funciona en iconos en la barra de marcadores! Desafortunadamente, todavía no funciona en reproductores de video flash.

Tanto Safari como Chrome también tienen gestión de color, pero ambos tienen sus inconvenientes. Safari (al menos en Windows) no trata las imágenes sin etiquetar como sRGB; Chrome lo hace, pero su administración de color está deshabilitada de forma predeterminada y es difícil de encender .

Al momento de escribir, Opera no tiene administración de color en absoluto e IE9 es simplemente idiota: respeta el perfil de entrada (el incrustado en la imagen) pero ignora el perfil de salida de la pantalla . Esto hace que IE9 sea tan bueno como inútil en una pantalla de amplia gama.

Entonces: calibrar + usar Firefox + establecer gfx.color_management.mode en 1 = eres bueno. :)

Esta es probablemente una pregunta similar a esta: las exportaciones de Lightroom son demasiado oscuras en Flickr . Tengo dos pantallas de amplia gama (computadora de escritorio, computadora portátil). Es posible que desee probar versiones más recientes de Firefox, pero no aguanto la respiración. Hace un año, iba y venía informando este problema en el rastreador de errores de Firefox (problema 497363 y 509710 ). La gestión del color en Firefox no es tan fácil como habilitar una opción en realidad. Los perfiles ICC difieren en estructura y capacidades. Algunos de nosotros con pantallas de amplia gama notamos que Firefox no pudo interpretar el perfil ICC correspondiente correctamente.

Tal vez este problema desaparecerá si uso una herramienta de calibración diferente para generar un perfil ICC diferente o un monitor con LUT de hardware (es decir, uno que pueda comunicarse directamente con su herramienta de calibración y almacenar los parámetros de calibración en su hardware). Puede usar el inspector de perfiles ICC gratuito para jugar con su perfil y compararlo con otro perfil que funcione. Aquí está la especificación del perfil ICC . A continuación se muestra una captura de pantalla de mi perfil, vea si hay algo en común con el suyo.

No he probado ninguna versión beta de Firefox desde entonces, me acabo de acostumbrar a este problema. Si prueba una versión más nueva, me encantaría saberlo. No aligere sus fotos y no use AdobeRGB en sus fotos de Flickr, nunca se adhiera al espacio de color sRGB compatible con la web.

• Problema de Firefox: 497363 https://bugzilla.mozilla.org/show_bug.cgi?id=497363
• Problema 509710 de Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=509710

Las versiones modernas de Firefox tienen una configuración para probar y administrar imágenes no perfiladas, así como las perfiladas. Puede entrar en about: config y modificar gfx.color_management.mode a '1'. (El valor predeterminado es 2.) Un poco de Google podría dar una mejor explicación, pero me ha ayudado al ver las miniaturas de SmugMug, etc.

Todavía no es una solución para todo el sistema para los rojos sobresaturados de Win7, pero al menos mi navegador está sano.

Creo que no tienes suerte con IE, aunque tal vez eso pueda corregirse en IE 9. Para Firefox, como ya sabes, hay algo de soporte para la información de perfil y puedes obtener algunas instrucciones sobre diversas configuraciones que pueden aliviar el problema Lo estás teniendo con eso. Su otra opción es usar Safari, que se supone que debe ser consciente del color.

La opción final, si realmente puede llamarlo así, es cambiar su monitor al espacio de color sRGB si lo admite.

Nuestro propio jrista parece ser el experto en color aquí, por lo que quizás intervenga con una corrección de más ideas.

Este es el estado de la gestión del color en Firefox e IE en este momento (10/11/2010).

Firefox v3.5.x: admite la gestión completa del color, pero solo comprende los perfiles ICCv2. Si su software de calibración / creación de perfiles de pantalla admite la creación de perfiles v2 (busque una opción en algún lugar de la configuración del programa), debería poder obtener imágenes para mostrar correctamente. Tenga en cuenta que, de manera predeterminada, Firefox solo usa la administración del color para las imágenes etiquetadas con un perfil de color. Dado que hay muchas imágenes sRGB sin etiquetar en la web, probablemente desee configurar Firefox para administrar el color de todas las imágenes. La forma más fácil de hacer este cambio es usar la extensión Color Management para Firefox.

FireFox v4 (actualmente en versión beta): FireFox4 finalmente admitirá los perfiles de color ICCv4, tanto para las imágenes como para su perfil de visualización. Las versiones beta actuales son hinchadas, con errores y lentas, por lo que no las recomiendo para uso general, pero al menos sabemos que la gestión correcta del color está en camino.

Internet Explorer 8.x: sin administración de color en absoluto. zip, nada.

Internet Explorer 9 (actualmente en versión beta): la versión beta pública tiene un soporte de administración de color limitado, pero no es de uso real en monitores de amplia gama. IE9 (beta) reconoce imágenes etiquetadas con perfiles que no sean sRGB y las convierte a sRGB. Desafortunadamente, ignora por completo el perfil de visualización, lo que significa que si tiene un monitor de amplia gama, todo estará saturado. Queda por ver si MS solucionará este comportamiento o si fue una decisión intencional mejorar la velocidad de representación. Si alguno de ustedes está probando beta IE9, sugiero informar este error para que MS sepa que hay personas que no están contentas con él.

He tenido el mismo problema Creo que encontrará que si instala Safari, sus imágenes de Flickr se verán bien, ya que admite perfiles de color.