如何在javascript中將圖像cmyk轉換為RGB模式

Question

我有個問題：

瀏覽器不支持以CMYK模式顯示圖像，並且客戶端可以在上傳的圖像中看到一些非常清晰和不同的顏色，而這些顏色還可以。

解決這個問題，我認為使用JavaScript語言在客戶端將CMYK圖像轉換為RGB模式圖像是一個好主意。

根據我關於使用JavaScript將CMYK圖像轉換為RGB模式的搜索結果，需要將圖像導入畫布，並使用像這樣的庫ColorConverter使每個像素中的每個顏色數字將CMYK轉換為RGB顏色數字，最后我有一個RGB模式的畫布

這就是我的想法，現在我的問題是這種解決方案是否正確？ 是否有更好的方法來完成這項工作？ 請給我你的想法。

Answer 1

瀏覽器不支持以CMYK模式顯示圖像

由於與輸出設備有關，因此無法正確顯示CMYK圖像，並且轉換為模擬預覽將需要本地校准且准確的ICC配置文件（如果不需要准確性，則至少需要高質量的近似配置文件）。

您可以將每個CMYK像素簡單地轉換為RGB，但是，由於RGB的色域比CMYK的色域寬，您最終可能會獲得非常明亮的結果。

在我看來，更好的方法是在使用ImageMagick或類似軟件上載時，可以在服務器端實施轉換設置，其中可以考慮ICC配置文件。 這將允許您保留原始CMYK文件以進行下載/打印，並保留經過轉換和近似的RGB版本以進行預覽（例如，可以允許客戶端上載其輸出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通道設置為完全不透明。