javascript - 如何在javascript中将图像cmyk转换为rgb模式

Question

我有一个问题:

浏览器不支持以 CMYK 模式显示图像，客户在他上传的图像中看到一些非常清晰和不同的颜色，而这些颜色还不错。

解决这个问题我认为在客户端使用 JavaScript 语言将 CMYK 图像转换为 RGB 模式图像是个好主意。

根据我关于使用 JavaScript 将 CMYK 图像转换为 RGB 模式的搜索结果，需要将图像导入 Canvas 并使每个像素中的每个颜色编号通过使用此库将 CMYK 转换为 RGB 颜色编号 ColorConverter最后我有了一个 RGB 模式的 Canvas

这就是我的想法，现在我的问题是这个解决方案是否正确？如果有更好的方法来完成这项工作？请给我你的想法。

Answer 1

Browsers do not support showing images in CMYK mode

正确显示 CMYK 图像是不可能的，因为它与输出设备相关，并且转换为模拟预览需要本地校准和准确的 ICC 配置文件(如果不需要准确性，至少需要高质量的近似配置文件) .

您可以简单地将每个 CMYK 像素转换为 RGB，但是，因为 RGB 有一个 wider gamut与 CMYK 相比，您最终可能会得到非常明亮的结果。

在我看来，更好的方法是在使用 ImageMagick 上传时在服务器端实现转换设置。或可以考虑 ICC 配置文件的类似软件。这将允许您保留原始 CMYK 文件以供下载/打印，并保留转换后的近似 RGB 版本以供预览(您可以 f.ex. 允许客户上传其输出 ICC 以进行准确预览)。

无论如何，将CMYK数据直接转换为RGB的公式是:

var C, M, Y, K;   // initialize with normalized values

然后

var r = 255 * (1 - C) * (1 - K);
var g = 255 * (1 - M) * (1 - K);
var b = 255 * (1 - Y) * (1 - K);

Alpha channel 设置为完全不透明。