CMYK images don't work as textures on iPhone

Describe the bug

When an image has CMYK color mode and is used as texture, the texture won’t show on iPhone IOS 15.5. Tested with Safari and iPhone Chrome. They work just fine on PC browsers.

I explicitly tested with images converted to CMYK color mode using Photoshop (from PSD main menu >> image >> mode >> CMYK color).

To Reproduce

Use any CMYK image as texture and check from an iphone device.

Code

// CMYK img - doesn't work in iphone
const geometry = new THREE.BoxGeometry(1, 1, 1);
const texture = new THREE.TextureLoader().load("img-cmyk.jpg");
const material = new THREE.MeshBasicMaterial({ map: texture });
const cube = new THREE.Mesh(geometry, material);

Live example

• https://ritwaldev.github.io/testThree/

repo

• https://github.com/ritwaldev/testThree

Expected behavior

CMYK images should be supported on iPhone. If not, docs should clearly state that to avoid potentially very confusing bugs.

Screenshots

PC:

iPhone:

Platform:

• Device: Mobile
• OS: iOS 15.5
• Browser: Chrome, Safari
• Three.js version: r143

[Mugen87]

CMYK images should be supported on iPhone. If not, docs should clearly state that to avoid potentially very confusing bugs.

We do normally not note device specific restrictions in the API documentation.

What is your motivation for using CMYK images in the web?

[mrdoob]

When an image has CMYK color mode and is used as texture, the texture won’t show on iPhone IOS 15.5

Seems like this is an iOS issue anyway. Please, report this to Apple instead.