CMYK Support - Githubissues

ccseer / Seer

Seer bug report

http://1218.io

458 stars 45 forks source link

CMYK Support #31

Open iceteabottle opened 8 years ago

iceteabottle commented 8 years ago

Hi, I discovered a display bug of images with cmyk color space. The colors are not displayed correctly... Thanks!

(seer 0.8.0, windows 10)

ccseer commented 8 years ago

Would you please send me three pictures, the original one, the one it should look like, and the one Seer display

iceteabottle commented 8 years ago

Left opened with windows stock photo app, right opened with seer: https://i.imgur.com/u0pBu07.jpg Original: https://i.imgur.com/z6t7BKW.jpg

ccseer commented 8 years ago

thx,

I will look into it.

ccseer commented 8 years ago

Wait, it seems like Seer's display is the right one.

iceteabottle commented 8 years ago

Oh... Chrome has also a problem with displaying CMYK images?! Try to open the image with the windows photo app or any other image viewer. This seems to be an issue with the color profile...

MidnightLychee commented 8 years ago

I have a similar problem, but it occurs not only on CMYK files, but also happens when there is an aRGB to sRGB conversion.

MidnightLychee commented 8 years ago

Actually Chrome has a very poor color profile support.

Some relevant info that might be helpful.

Firefox is the only browser that supports full color management.
Chrome （Windows/Mac）
- Support v2 ICC，
- Not support v4 ICC
- Not support converting untagged images/CSS to sRGB color space
IE 10/11/Edge (Windows)
- Support v2 ICC
- Support v4 ICC
- Not support ICC Profile remapping to the gamut of the monitor, it takes all monitor as sRGB color space.
Safari (Mac)
- Like Chrome

MidnightLychee commented 8 years ago

sshot-1

The right (in Photoshop) is correctly displayed, the left (in Seer) takes the color space as sRGB and display it incorrectly.

ccseer commented 8 years ago

But I will try my best to see what I can do for this.

Thanks.

MidnightLychee commented 8 years ago

If I am not wrong, Photoshop stores the color mode of an image in the header of the .psd file.

3 means RGB and 4 means CMYK.

rgb This is RGB mode. cmyk This is CMYK mode.

However, I don't really know how to convert CMYK to sRGB. =_=|||

MidnightLychee commented 8 years ago

http://www.javascripter.net/faq/rgb2cmyk.htm

Maybe you can check this out, RGB to CMYK in Javascript.