Как конвертировать изображения CMYK в режим RGB в JavaScript

Question

У меня проблема:

Браузеры не поддерживают показ изображений в режиме CMYK, и клиент видит некоторые действительно резкие и разные цвета в своем загруженном изображении, в то время как цвета в порядке.

решить эту проблему, я думаю, что это хорошая идея, чтобы преобразовать изображение CMYK в изображение в режиме RGB на стороне клиента с использованием языка JavaScript.

на основе результатов моего поиска о преобразовании изображения в режиме CMYK в режим RGB с использованием JavaScript, требуется импортировать изображение на холст и заставить каждое число цветов в каждом пикселе преобразовывать число цветов CMYK в RGB с использованием подобной библиотеки ColorConverter, и, наконец, у меня есть холст с режимом 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);

Альфа-канал установлен полностью непрозрачным.