Color diferente al exportar png en Sketch 2

Tengo un problema cuando exporto un .pngarchivo en Sketch 2. Tengo un ícono con el color de fondo #8FBE00pero cuando lo exporto como un .pngarchivo, el color de fondo es #8EC003. No tengo absolutamente ninguna idea de lo que está pasando, nunca antes me había encontrado con este problema cuando trabajaba con Sketch. No soy un experto en Sketch así que tal vez alguien pueda ayudarme.

Ejecute "pngcheck -v" en su archivo .png exportado para ver si tiene partes de administración de color como gAMA, iCCP o sRGB. Según la aplicación que utilice para observar el color de fondo, estos fragmentos pueden causar ligeras diferencias de color.
@ GlennRanders-Pehrson, ¿cómo ejecuto "pngcheck -v" en mi archivo?
Noté que los colores son diferentes cuando los verifico en diferentes pantallas, pero ¿por qué cambia el color al exportar? Como puedes notar, soy nuevo en esto. Y también noté que todas mis imágenes exportadas de Sketch cambian de color.
"pngcheck -v archivo.png". Si no tiene pngcheck instalado en su sistema, puede descargarlo desde libpng.org/pub/png/apps/pngcheck.html
¿Cómo lo instalo después de descargar @GlennRanders-Pehrson?
Cómo instalar las cosas depende de su plataforma. Si está en Windows, descargue el archivo Win32 .zip, descomprímalo y ejecute pngcheck.exe -v file.png. Si no, probablemente tendremos que llevar esto a un chat. Tal vez ya tengas pngcrush; podría hacer 'pngcrush -n -v file.png' para obtener una lista de fragmentos. Hay muchas otras aplicaciones que también enumerarán los fragmentos PNG, incluidos TweakPNG y SNG.
Los PNG de @Oskar guardados de Sketch pueden tener un fragmento sRGB o gAMA, pero no tienen un fragmento de perfil ICC: bjango.com/articles/pngoptimisation No creo que ese sea el problema.
La versión actual de Sketch no tiene este problema. ¿Tal vez sea hora de actualizar? Es muy probable que configurar la visualización del recorrido en sRGB en las Preferencias del sistema resuelva el problema, pero no lo recomendaría.

Respuestas (2)

Hice una prueba rápida con 2 exportaciones de Sketch, con y sin perfil de color.

Con perfil de color

Cuando uso el DigitalColor Meter de Mac , mide exactamente los mismos colores.

Si uso Affinity Photo es lo mismo. Asigna un perfil de color al archivo png que no lo tiene y mide los valores hexadecimales exactos.

Procesar las imágenes con un compresor PNG eliminando los metadatos EXIF ​​y los datos del perfil de color no cambia los valores medidos.

Asi que

  • Sketch siempre guarda como sRGB (no gAMA) con 'Guardar para web' sin marcar.
  • Si se marca 'Guardar para web', al abrir esa imagen en cualquier software se agregará un perfil de color. Por suerte sería sRGB y tendrá el mismo color creado en Sketch.
  • Abrir la imagen png en Safari se interpretará como sRGB.

El problema puede ser que cuando está trabajando en Photoshop, su archivo está siendo administrado por color. Puede desactivarlo y debería permitirle mantener el color que desea. He incluido un enlace que explica cómo desactivar la gestión del color en Photoshop. http://bjango.com/articles/photoshop/ Lo encontré a través de un enlace sobre diseño de pirateo.

Ese artículo está muy equivocado. Realmente nunca desea "desactivar" la gestión del color. Muestra cómo una persona con la información incorrecta a la que le gusta escribir puede difundir información errónea. digitaldog.net tiene mejor información. Además, la pregunta se refiere específicamente a Sketch, no a Photoshop.
Supuse que estaba creando el archivo png a partir de un documento de Photoshop. Culpa mía. Tendré que revisar digitaldog.net
Tarde a la fiesta... Bastante seguro de que @marc-edwards (activo aquí) está detrás de Bjango. Sería bueno si interviniera.
@Scott El artículo no está mal, si está diseñando una pantalla y usando una pantalla tipo sRGB. Es importante reconocer que la apariencia no es la única preocupación cuando se trata de la gestión del color (la coincidencia de valores, los problemas de redondeo y evitar el recorte pueden tener prioridad).
Sí, @MarcEdwards, hemos tenido esta conversación. En mi opinión, su consejo erróneo de desactivar la gestión del color es horrible.
@Scott No es algo que entenderá a menos que haga diseño de interfaz de usuario. Los principios de diseño de impresión no se pueden aplicar. El diseño de la interfaz de usuario generalmente se ejecuta en plataformas sRGB fijas. El redondeo, el recorte y una tubería efectiva son mucho más importantes. Simplemente no puede adoptar el mismo enfoque que el trabajo de impresión. Display P3 cambia algunas cosas y necesito actualizar ese artículo, pero si no está creando aplicaciones, no puede asumir que entiende lo que se necesita. De cualquier manera, no es el problema en el caso.
No estoy de acuerdo Marcos. Y suponiendo que no tengo experiencia con el diseño de renderizado de pantalla es, bueno, bastante arrogante.
Color diferente al exportar png en Sketch 2
RespuestasAquíPolítica de privacidad1y, 0v