Precio Cant.

Gestión del color para sus navegadores web

BenQ
2020/12/09
web browser color management is something designers should become familiar with

La gestión del color se ocupa de la salida de color desde dispositivos de origen a dispositivos de salida como monitores e impresoras. Sin embargo, desde diseñadores web hasta usuarios en plataformas de redes sociales, es común encontrar que los colores de las imágenes que se muestran en diferentes navegadores web pueden variar. Para hacer frente a este problema, la gestión del color del navegador web es algo con lo que debe familiarizarse.

Gestión del color y perfiles de color

Ya se trate de sitios web, blogs o plataformas de redes sociales, publicar imágenes en la web en los colores que pretende mostrar es esencial. Para hacer que su imagen se muestre estos colores previstos siempre implica el perfil de color de la propia imagen y cómo los navegadores web trabajan con ella. Empecemos con lo que es un perfil de color.

Un perfil de color es como un traductor, leyendo los atributos de color de una imagen y luego localizándolo basado en parámetros de dispositivo de salida. Esta localización permite al dispositivo de salida reconocer mejor los atributos de color de la imagen y así mostrar los colores con precisión. Si los usuarios siempre usan imágenes con perfiles de color incrustados al editar en Photoshop o Lightroom, encontrarán que las imágenes se muestran de manera más consistente, ya sea en un monitor o como una copia impresa de una impresora.

Además de utilizar perfiles de color con imágenes, también hay otro factor que afecta la forma en que se muestran las imágenes, y esa es la capacidad de gestión del color de las aplicaciones y el software que utiliza.

color space for web designing and web browsing
Navegadores web y perfiles de monitores
chrome firefox edge internet explorer and safari support color management

Los navegadores web más populares en uso son Chrome, Firefox, Microsoft Edge (Windows 10) / Internet Explorer, y Safari. Todos ellos soportan la gestión del color. En el mundo de los navegadores web, el espacio de color sRGB es el estándar. Chrome y Firefox son capaces de establecer sRGB como el espacio de color predeterminado. En este caso, si su perfil de imagen está incrustado con un perfil sRGB o no, se mostrará como una imagen sRGB. Firefox también puede mostrar colores correctos con el espacio de color Adobe RGB.

Cuando se trata de Internet Explorer, Microsoft Edge y Safari, se sincronizan con la configuración de color del monitor (es decir, el perfil del monitor). Microsoft Edge, mejor aún, es capaz de sincronizar correctamente con los perfiles de su monitor si la imagen es sRGB o Adobe RGB. Los perfiles de monitor son archivos de datos que comunican los colores que el monitor muestra al sistema. Para los navegadores web que se sincronizan con la configuración de color del monitor, es para hacer referencia tanto al perfil de color incrustado en la imagen y el perfil del monitor que garantiza la visualización adecuada de las imágenes según las características del monitor.

To make yPara que sus navegadores Firefox y Chrome muestren los colores deseados, primero debe ajustar la configuración de administración de color del navegador. Puedes consultar el apéndice para saber cómo administrar el color de Firefox y Chrome.our Firefox and Chrome browsers display the intended colors, you need to adjust the browser’s color management settings first. You can check the appendix to learn how to color manage Firefox and Chrome.

A continuación se muestra un gráfico de los navegadores web más populares. Puede comprobarlo para ver cómo estos navegadores web gestionan los colores.

Tabla: Gestión del color en diferentes navegadores

Una vez identificado el contenido web, se puede asegurar que el navegador web que utiliza puede reproducir los colores deseados y lo más importante de todo, transmitir correctamente las imágenes como desee.

OS Windows Windows
Windows Windows MacOS
OS
Browser
Windows
Internet Explorer V11
Windows
Microsoft Edge
Windows
Firefox
Windows
Chrome
MacOS
Safari MacOS
OS
Version
Windows
11.1016.18326
Windows
86.0.622.61
Windows
82.0.2
Windows
86.0.4240.183
MacOS
14.0
OS
Embedded profile support
Windows
V
Windows
V
Windows
V
Windows
V
MacOS
V
OS
Image without color profile
Windows
Based on the monitor’s profile
Windows
Based on the monitor’s profile
Windows
sRGB
Windows
sRGB
MacOS
Based on the monitor’s profile
OS
Browser references the monitor’s profile
Windows
V (sRGB only)
Windows
V (sRGB & Adobe RGB)
Windows
V (sRGB & Adobe RGB)
Windows
V (sRGB only)
MacOS
V (sRGB only)
OS
When using multiple monitors, does the browser reference monitor profiles?
Windows

V

(sRGB only)

Windows

V

(sRGB & Adobe RGB)

Windows

V

(sRGB & Adobe RGB)

Windows

V

(sRGB only)

MacOS

V

(sRGB only)

OS
Recommendation 
Windows
★★
Windows
★★★
Windows
★★★
Windows
★★★
MacOS
★★
OS
Note
Windows
Supports ICC V2 and V4
Windows
Supports ICC V2 and V4
Windows

Needs to be activated, settings as Appendix 1

Windows
When image has no embedded profile, please follow Appendix 2 to fore the image with a predetermined sRGB profile
MacOS
 

Apéndice 1: Cómo habilitar la administración de color para Firefox

(1) Abrir una nueva pestaña en Firefox

(2) Escriba "about:config" en el campo URL

(3) Accede a la configuración de Firefox después de ver la advertencia "proceder con precaución."

enable color management for firefox proceed with caution

(4) Filtro para "color_management" en el campo de búsqueda.

(5) Cambiar "gfx.color_management.enablev4" por el valor "true"

(6) Cambie "gfx.color_management.mode" por el valor "1" para habilitar la gestión del color para todos los colores etiquetados y no etiquetados.

7) Agregue la URL de su perfil de monitor personalizado como valor para "gfx.color_management.display_profile"

enable color management for firefox gfx color management display profile

(8) Reinicia Firefox para que los cambios surtan efecto.

Apéndice 2: Cómo habilitar la gestión del color para Chrome y su "Forzar el perfil de color"

(1) Escribe “chrome://flags/” en la barra de direcciones de tu navegador Chrome

enable color management for firefox chrome flags

(2) Búsqueda de "Perfil de color de fuerza"

(3) Elija el perfil ICC en el menú desplegable y seleccione sRGB. La imagen se mostrará con el perfil sRGB en la pantalla.

Más información sobre cómo están los monitores DesignVue listos para Mac
Producto Recomendado
PD3220U

32 inch 4K Thunderbolt 3 Monitor with Display P3

¿Ha sido útil este artículo?

No

Subcríbete a nuestro newsletter

Mantente informado de los lanzamientos de productos, novedades y beneficios exclusivos.

Subscríbete
TOP