Illustrator CS6 cambia de color al guardar como PNG o SVG

Estoy creando obras de arte para una variedad de propósitos:

  • Fotos de portada de Facebook (RGB)
  • Tarjetas de presentación e impresiones de pancartas (CYMK)
  • Encabezados de documentos (RGB)

El rojo que estoy usando para las fotos de portada de FB es #b72025, sin embargo, cuando "Guardo para Web" como PNG para las fotos de portada, se convierte en un rojo primario. Vea a continuación (LHS es #b72025 en Illustrator (lo que quiero) y RHS es lo que se convierte):ingrese la descripción de la imagen aquí

Cuando veo el archivo PNG en Chrome y Firefox, parece que quiero que tenga el color #b72025. Pero cuando lo veo en Safari, Preview o Microsoft Word (al importarlo) aparece como un rojo primario brillante.

He intentado:

  • Crear un nuevo archivo con la configuración "Web" (perfil de color RGB) y crear nuevos elementos desde cero e intentar guardarlos. Hizo lo mismo.
  • Deshabilitar las políticas de gestión de color RGB
  • Activar/desactivar la opción "Convertir a sRGB" en la pantalla "Guardar para Web".
  • Guardar como "SVG", lo que provoca los mismos problemas.
  • Exportando como PNG en lugar de "Guardar para Web".
  • Guardando para Microsoft Office, pero eso causa los mismos problemas.

¿Cómo soluciono este problema para poder obtener los mismos colores en todos los navegadores? También me gustaría que esto funcione cuando los guarde como SVG o lo use para Microsoft Office...

Respuestas (2)

Creé un gráfico de prueba y pude repetir el problema.

Encontré esta página: https://superuser.com/questions/122235/why-is-safari-on-my-computer-rendering-all-of-the-colors-not-just-for-images

Fui a mis Preferencias del Sistema-->Pantallas-->Color. Seleccioné un perfil calibrado personalizado y lo cambié a "sRGB IEC61966-2.1" y lo arreglé.

Las aplicaciones que enumeró obedecen la configuración del sistema. Chrome y Firefox no.

Lo extraño es que en mi prueba, si pongo PNG rojo (#b72025) en un documento HTML y configuro el color de fondo en #b72025 en CSS, se ve perfecto, pero al tomar una captura de pantalla y probarla en Photoshop, obtengo que ambos colores se desplazan de manera diferente. #db1921 y #b6222b respectivamente. Algo más está sucediendo.

Honestamente, debe acostumbrarse al hecho de que los valores de color que establece no son colores específicos en absoluto.

#b72025 por ejemplo, por sí solo no es un color. Necesita un perfil de color específico para definir ese color en un espacio de color específico.

Diferentes dispositivos (y diferentes programas, como ha visto) tendrán discrepancias en el color que muestran. Lo más probable es que se deba a perfiles de color que no coinciden.

Si está diseñando exclusivamente para la web, debería trabajar en sRGB IEC61966-2.1 . Este es el perfil de color estándar de facto para los navegadores web, que históricamente ni siquiera podían leer los perfiles de color incrustados en las imágenes (esto ya no es cierto, pero solo aumenta la confusión)

Illustrator CS6 cambia de color al guardar como PNG o SVG
RespuestasAquíPolítica de privacidad1y, 0v