Inconsistencia de color de imagen entre navegadores, visores de imágenes y Photoshop

Editado en caso de que la pregunta no haya sido clara:

Pregunta: ¿Cómo hago para que Photoshop, IrfanView y ACDSee muestren imágenes de la misma manera que se muestran en las últimas versiones de Chrome y Firefox (ambos supuestamente muestran imágenes sin etiquetar como sRGB con administración de color activada)?

Todas las imágenes están en espacio de color sRGB. El flujo de trabajo predeterminado es abrir una imagen sRGB, editarla y guardarla para la web con "Convertir a sRGB" habilitado. Luego elimino el perfil de color, ya que se debe suponer que es sRGB. Sin embargo, probé todas las combinaciones imaginables de esto: no convertir a sRGB, incrustar perfil de color, etc.

Actualmente, IrfanView y ACDSee con la gestión de color deshabilitada muestran las imágenes de la misma manera que Chrome y Firefox, y Photoshop con Proof Colours: Monitor RGB muestra las mismas imágenes que Chrome y Firefox.

Sin embargo, habilitar la administración del color en IrfanView y ACDSee hace que muestren las imágenes de la misma manera que en Photoshop, pero de manera diferente a Chrome y Firefox.

¿Cómo puedo conseguir que los tres programas muestren las mismas imágenes que Chrome y Firefox? Porque en este momento me resulta imposible editar fotos oscuras: lo que se ve "bien" en Photoshop se ve más oscuro en Chrome y Firefox.

Nota: Todo esto está en mis propios monitores, que, por lo que sé, están configurados correctamente para usar sus propios perfiles de pantalla; soy consciente de que no puedo controlar cómo se pueden configurar las pantallas de otras personas.

Nota: estoy usando la versión beta de Firefox 77, que solucionó el "error" en el que las imágenes sin etiquetar de forma predeterminada no se administraban por color.

Fotos de ejemplo y capturas de pantalla que muestran lo que estoy viendo

Tengo un problema en el que las fotos oscuras se ven notablemente diferentes dependiendo de lo que las abra, y específicamente, en Chrome y Firefox. Soy consciente de que esto se debe a las diferencias en la gestión del color entre los programas.

Entonces, lo que quiero hacer es lograr que mis imágenes se vean consistentemente iguales entre todos los programas que uso en mi computadora. Específicamente, quiero que una imagen se vea igual a como se ve en un navegador porque, en última instancia, así es como se verán mis imágenes. Si alguna vez imprimo algo, me ocuparé de los perfiles de impresión y esas cosas. A los efectos de esto, solo quiero poder ver imágenes en los navegadores, y quiero que mi propia experiencia de visualización imite la de los navegadores que usa la gente.

No quiero hacer ningún cambio de configuración en mis navegadores; quiero que sean aproximadamente los valores predeterminados que "todos los demás" usarán.

Estoy feliz de configurar todos los demás programas que uso para que coincidan, lo más cerca posible, con la experiencia de visualización en un navegador web.

Yo uso IrfanView, ACDSee y Photoshop. Todos admiten la gestión del color. Estoy probando en Chrome y Firefox. Ambos supuestamente admiten la gestión del color.

Pero estoy obteniendo resultados muy diferentes y después de muchas horas de prueba y error, me está volviendo loco.

Lo más cerca que puedo llegar a que todas las imágenes sean iguales en todas partes es si deshabilito la administración de color por completo en IrfanView y ACDSee, y elimino el perfil ICC de las imágenes para que no estén etiquetadas (que es mi flujo de trabajo normal de todos modos), y luego uso "Colores de prueba: Monitor RGB" en Photoshop, lo cual es una molestia.

Lo que quiero es esto:

  • Quiero imágenes JPG que no contengan metadatos ni perfiles ICC (las ejecuto a través de jpegoptim --strip-all) para mostrar lo mismo en todos los navegadores. En mis pruebas, parecen hacer esto. (Creo que los navegadores asumen que son sRGB)
  • Quiero que esas imágenes, si las abro en IrfanView, ACDSee o Photoshop, se muestren (en mi monitor), igual que se muestran en Chrome y Firefox (en mi monitor)

La única forma en que he podido lograr esto en las pruebas hasta ahora es asegurarme de que ninguna imagen contenga un perfil de color y deshabilitar la administración de color en IrfanView, ACDSee y usar "Colores de prueba: Monitor RGB" en Photoshop. De lo contrario, cualquier aplicación con gestión de color muestra las imágenes de forma notablemente diferente a los navegadores, y Firefox muestra las imágenes con un perfil de color sRGB incorporado de manera diferente a las que no tienen ningún perfil (aunque todo en Internet me asegura que este no debería ser el caso como debería). asumir sRGB?)

También quiero poder:

  • Quiero que las nuevas imágenes que estoy abriendo, digamos desde mi cámara, que probablemente contengan un perfil ICC sRGB, se muestren en Photoshop mientras las edito como se mostrarán en el navegador.
  • La única forma en que logré hacer esto es usar "Colores de prueba: Monitor RGB", que es una molestia ya que tengo que recordar activarlo para cada foto, y parece ser imposible de usar en Camera Raw , lo que hace que sea bastante difícil hacer un ajuste fino de las fotos de colores oscuros de una manera que se vea consistente en los navegadores
  • También me gustaría que se muestren en ACDSee o IrfanView, igual que cuando los abro en Photoshop, e idealmente igual que cuando se ven en un navegador (aunque técnicamente nunca se mostrará una foto sin editar). visto en un navegador, así que siempre que muestren lo mismo después de la edición, supongo que está bien)

Teniendo en cuenta que (teóricamente) tengo monitores calibrados con sus propios perfiles, Chrome y Firefox y todas las aplicaciones que estoy usando supuestamente tienen control de color, parece que estoy haciendo algo mal aquí, pero he probado todas las combinaciones que he Puedo pensar en la configuración de las últimas horas y lo único que se acerca a ser consistente entre las diversas aplicaciones, lo que es más importante, entre Chrome y Firefox, es eliminar los perfiles de color de las imágenes y desactivar la gestión del color en todos. mis aplicaciones de visualización.

He leído numerosas publicaciones sobre el tema, pero lamentablemente, ninguna ha ayudado realmente.

Siento que esto debe ser un problema común, porque mucha gente debe ser como yo y tomar fotos digitales y editarlas solo para la web.

¿¡Qué tengo que hacer!?

No hay una pregunta real aquí. Parece que solo te estás quejando de la gestión del color. Si desea que todos los programas muestren imágenes de la misma manera, todos los programas deben tener la misma configuración de administración de color. Tenerlo habilitado para algunos, pero deshabilitado para otros, hará que las imágenes se muestren de manera diferente.
@xiota: seguro que hay una pregunta aquí, "¿Cómo administro el color?" Respuesta: no así. Vea abajo.
"Solo quiero poder ver imágenes en los navegadores, y quiero que mi propia experiencia de visualización imite la de los navegadores que usa la gente". Buena suerte con eso. Incluso si las personas usan navegadores que representan la foto correctamente, no hay absolutamente ninguna garantía de que su dispositivo de visualización muestre correctamente lo que el navegador envía al adaptador/monitor de visualización de gráficos.
La pregunta aquí es "¿Cómo hago para que las fotos tengan el mismo aspecto en Photoshop, IrfanView y ACDSee que en Chrome y Firefox?" Y no, desafortunadamente ninguna de esas publicaciones vinculadas ayudó: la mayoría son demasiado antiguas, los navegadores han cambiado, etc., pero de cualquier manera, ninguna coincide con mi experiencia. Tanto Chrome como Firefox supuestamente usan sRGB para imágenes sin etiquetar y admiten la gestión del color; entonces, ¿por qué Photoshop muestra la imagen de manera diferente y cómo lo corrijo?
@Ned, como esta respuesta al duplicado que sugerí decir directamente, porque no está utilizando un perfil adecuado para su monitor de amplia gama. "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".
@MichaelC, debes haber leído algo mal; mis disculpas si te confundí. Estoy usando los perfiles correctos para mis monitores. Ambas pantallas utilizan sus propios perfiles específicos de pantalla. Nunca he configurado mis pantallas para ningún otro perfil. No estoy seguro de cómo confirmar que Windows o un navegador está usando el perfil de monitor correcto, pero tengo los perfiles específicos de monitor correctos configurados en la parte de Administración de color en Windows y configurados como predeterminados para las pantallas apropiadas.
Está utilizando perfiles genéricos proporcionados por los fabricantes de los monitores. Esos no son perfiles "correctos" para un entorno de gestión de color adecuada. Debe usar perfiles creados con un colorímetro que mida la salida de su monitor específico. Debe repetir esto al menos una vez al mes, ya que la salida de los monitores cambia con el tiempo.
Se ha perdido el problema: tener un monitor perfectamente calibrado de ninguna manera ayuda a este problema: el problema es que las fotos se ven muy diferentes en Chrome, Firefox y Photoshop EN EL MISMO MONITOR, usando el mismo perfil. Incluso si ese perfil está un poco mal, las imágenes deberían verse iguales en el mismo monitor, ¿verdad? Chrome y Firefox son supuestamente aplicaciones de gestión de color.

Respuestas (2)

Como ya se ha establecido, exportar como sRGB: incrustar o no el perfil es realmente discutible, ya que sin perfil, se asumirá sRGB.

Antes de eso, trabaja en lo que hayas sacado de tu cámara*. Solo convierta una vez en la exportación.

Sin embargo, el mayor error es utilizar los colores de prueba con su perfil de monitor . Esto aplicará una doble traducción y generalmente se verá horrible, o 'arreglará' su imagen para que se vea así y se verá horrible en cualquier otro lugar.
Realmente nunca necesitará usar Proof Colors en un flujo de trabajo RGB si su única conversión es justo al final. Será lo más cerca posible de llegar.

Siempre que el perfil de su monitor se muestre en la lista [no elegido, simplemente disponible ] en Configuración de color > Espacios de trabajo: RGB, su sistema lo sabrá y ya lo aplicará a la salida de pantalla de Photoshop. Aquí debe configurar su espacio de trabajo en sRGB, luego ignórelo, realmente no lo va a usar.
Establezca la gestión de color para RGB para conservar los perfiles incrustados. De esa forma, el perfil de su cámara se utilizará durante todo el flujo de trabajo hasta la exportación final.

Por supuesto, todo esto supone que su monitor está calibrado correctamente de antemano, que el sistema está utilizando el perfil icc y que Photoshop lo sabe.

*Probablemente puedas elegir en tu cámara con qué perfil funcionará internamente. El mío hará sRGB o Adobe RGB 1998. Algunos usarán ProPhoto, con lo que debe tener cuidado porque muy pocos monitores pueden mostrarlo. Uso el Adobe 98 ya que mi monitor puede mostrarlo con precisión. Dudaría en insistir en que fotografíes en sRGB si eso es todo lo que tu monitor puede admitir, ya que es posible que te estés perdiendo algunos pequeños aspectos de la gama potencial, pero de todos modos no podrías ver las diferencias si el monitor no puede mostrarlos.
La mayoría de los monitores en estos días pueden mostrar "la mayor parte" de sRGB, solo las pantallas premium serán totalmente compatibles con Adobe 98 y muy pocas de gama alta pueden lograr ProPhoto.

Un último truco, en caso de que alguna vez habilites Proof Colors por accidente [está justo entre Transform y Hue/Sat, por lo que no es imposible hacerlo]: establece tu perfil de prueba en sRGB, entonces no te preguntarás qué diablos pasó después; )

…y un pensamiento tardío: la mayoría de las impresoras de nivel de consumidor en estos días quieren imágenes sRGB de todos modos, no CMYK, por lo que tampoco necesitará colores de prueba para eso. Tengo dos proveedores regulares que uso, uno para acrílicos y otro para lienzos. Ambos producen resultados muy aceptables muy comparables a mis presentaciones originales.

"Realmente nunca necesitará usar Proof Colors en un flujo de trabajo RGB si su única conversión es justo al final. Será lo más cercano posible". El problema que tengo es que las imágenes en Chrome y Firefox se ven igual que cuando uso "Colores de prueba" en Photoshop. Obviamente. Quiero ver al editar lo mismo que veo cuando estoy en el navegador, ya que estoy editando para el navegador. Tenga en cuenta que tengo la versión beta más reciente de Chrome y Firefox (que ahora incluye la gestión a todo color de imágenes sin etiquetar, a partir de la versión beta actual, Firefox 77, que saldrá el 2 de junio)
Solía ​​hacer exactamente lo que dijiste (el proceso es sRGB todo el camino, desde la cámara hasta la conversión al guardar), hasta que noté que las imágenes en el teléfono de mi amigo estaban demasiado oscuras. Luego miré en mi propio monitor en Chrome y Firefox y también estaban demasiado oscuros. Puedo descargarlo y abrirlo con Photoshop o mi visor de imágenes y tiene el brillo "correcto" que asumí al editarlo, pero cuando lo veo en un navegador (en mi mismo monitor) es demasiado oscuro. Eso es lo que me llevó a "arreglar" este problema. Necesito Photoshop para mostrar la misma imagen/colores/gama que usará el navegador mientras estoy editando.
Entonces, su perfil de visualización debe estar fuera de lugar por mucho tiempo, o su sistema, por alguna razón, no puede manejarlo correctamente. No usa Proof to your own Display porque es simplemente incorrecto hacerlo. Obtiene una traducción doble, lo que resulta en colores enormemente inexactos. ¿Revisó las configuraciones específicas que mencioné y que su perfil de visualización no se está utilizando en ninguna parte de su flujo de trabajo? [ese es el error más común que la gente comete] TBH, no estoy seguro de cómo Windows maneja los monitores de gama amplia, estoy en Mac, lo que ciertamente no hace que se reclame el error si se ve en una pantalla Adobe98.
Sí, lo comprobé. He modificado mi pregunta original para tratar de aclarar esto. Tanto Firefox como Chrome muestran las imágenes de cierta manera. En teoría, ¿están usando sRGB para las imágenes sin etiquetar y mi perfil de visualización para hacerlo? Necesito poder mostrar de la misma manera en Photoshop/IrfanView/ACDSee. Ambos navegadores coinciden con todos mis otros programas con la gestión del color deshabilitada. Cuando la gestión del color está habilitada, las imágenes mostradas en ACDSee/IrfanView coinciden con Photoshop pero no con Chrome o Firefox. Me parece que los navegadores no utilizan la gestión del color en absoluto.
¿Aún se aplica esa diferencia si sus imágenes tienen perfiles incrustados o no? Si estamos en la idiosincrasia de Windows, tendré que declarar que ya no soy capaz de responder. Estoy en Mac, que no tiene ninguna de las extrañas debilidades de la gestión del color de Windows [he leído sobre ellas, pero nunca las he experimentado directamente].
Estoy pensando que parece ser algún tipo de problema estúpido de Windows/Navegador. Hice nedmartin.org/v3/public/colour-management-test.html : si se desplaza hacia abajo hasta la sección "Archivos JPEG", puede ver 4 archivos con perfiles incrustados o no incrustados, y debajo de eso capturas de pantalla que muestran que Firefox maneja los muestra de forma diferente y Chrome los muestra a todos como si no tuvieran control de color. No entiendo qué está pasando o cómo solucionarlo, pero me parece que los navegadores no gestionan el color correctamente.
"JPEG directo de cámara vs captura de pantalla de Photoshop" Ya está mal por ahí. Noto que todavía estás convirtiendo en la entrada.
No se convirtió ninguna entrada: la imagen ya era sRGB. Cambiar la configuración que ha dicho parece no hacer ninguna diferencia , que es lo que esperaría porque todas las imágenes ya están en sRGB. Si ya está mal por aquí, ¿te importaría explicar por qué o cómo está mal, o cómo corregirlo?
Su configuración dice que la entrada se está convirtiendo. si no es así, entonces Photoshop tiene el perfil incorrecto en alguna parte, o Windows le está dando el perfil incorrecto. Volvemos a la calibración de hardware. Todo lo que tiene es un perfil genérico, mejor suposición, que hizo el fabricante de su monitor. Nunca están cerca. para gamma, el balance de blancos puede estar bien, las curvas generalmente también estarán muy alejadas de la realidad.
Solo por una historia que muestra que en realidad simpatizo con su situación, que un colorímetro decente le costará $£€ 250... Tengo los mismos problemas con un nuevo televisor en este momento... Ya estoy completamente equipado para obtener mis medios. la reproducción de la computadora cumple con las especificaciones porque ya poseo todo el hardware y el software necesarios para calibrarla correctamente. Sin embargo, ahora quieren otras £ 150 de mí para que pueda interactuar correctamente con la calibración interna del televisor, o para siempre ver 'televisión' que parece una especie de documental de 1980 "making of", porque el perfil que se ve bien en la tienda se ve Mierda en casa.
Puedo asegurarle que sucede exactamente lo mismo si cambio la configuración a "Conservar perfiles incrustados". No tengo idea de cómo confirmar qué perfil Windows le dice a las cosas que use. Configuré el perfil correcto como "Predeterminado" en Windows y lo seleccioné para el monitor apropiado (que ya venía de fábrica). Microsoft también me ha informado que su calibración de fábrica será más precisa que un calibrador estándar de $250, aunque no puedo confirmar si eso es cierto. De todos modos, ese no parece ser el problema que tengo: todas las imágenes están en el mismo monitor

Según su descripción, me parece que son los navegadores los que están mal y los visores de imágenes los que están bien. Lo cual es, en cierto modo, de esperar.

Primero, incluso si está utilizando Firefox 77, que se supone que solucionó el problema, verifique la gfx.color_management.modeconfiguración: debe ser 1. Si lo actualizó desde una versión anterior, es posible que haya conservado la configuración incorrecta anterior (2 o 0) . (Reinicie el navegador después de cambiarlo: esta configuración no se aplica en vivo).

Asegúrese de que el sistema operativo tenga instalado un perfil de visualización adecuado . A continuación, habilite la gestión del color en ACDSee, Photoshop, etc. Si hay una opción de perfil faltante (creo que ACDSee la tiene), configúrela en sRGB. No habilite ninguna prueba. Ahora, si coinciden entre sí (por ejemplo, ACDSee vs Photoshop), confíe en ellos y no en los navegadores. Profundice en la configuración de los navegadores, pregunte a los desarrolladores, envíe informes de errores.

Si le preocupa que los usuarios de la web vean sus fotos de manera diferente, por desgracia, no lo mejorará haciendo coincidir sus navegadores (aparentemente no administrados). Este es el legado de descuidar la gestión del color durante décadas.

Una cosa más: si ve diferencias significativas de brillo en las sombras (es decir, gamma incorrecta), la configuración de su pantalla puede ser incorrecta. Idealmente, debería poder ajustar los controles de visualización (si tiene alguno) de modo que la gamma sea aproximadamente correcta, con solo los colores apagados. Luego lo calibras con estos ajustes.

Sí, ACDSee, IrfanView y Photoshop tienen el mismo aspecto con la gestión del color habilitada. Las imágenes a las que les faltan perfiles están configuradas para ser tratadas como sRGB en ACDsee e IrfanView. Todo esto funciona como esperaba. Sin embargo, Chrome y Firefox se ven diferentes. La preferencia de Firefox está configurada en 1 (el nuevo valor predeterminado), pero, independientemente, parece que las dos imágenes con perfiles incrustados se manejan de manera diferente. Ver mis capturas de pantalla para lo que veo.
Ahora que he hecho una página de prueba con imágenes, la estoy probando en otras computadoras para ver si estoy mejor editando para navegadores, o si estoy mejor usando administración de color y aceptando que mis propios navegadores están dañados (que lo hace difícil) El problema es que el uso de la gestión del color hace que no vea una representación "realista" durante la edición, donde "realista" se define como lo que todos los demás verán en un navegador. Entiendo que todos tienen monitores calibrados de manera diferente, etc., pero hasta ahora todas las computadoras en las que probé ven una imagen similar a la versión sin administración de color que veo.
Y sí, no puedo notar ningún cambio de color, es solo una curva de brillo diferente en las sombras. Desafortunadamente, con el tipo de fotos oscuras que estoy tomando en este momento, eso es bastante significativo.
Inconsistencia de color de imagen entre navegadores, visores de imágenes y Photoshop
RespuestasAquíPolítica de privacidad1y, 0v