Desaturated colors using a JPG

Questions
1

I’m successfully loading JPGs onto a Mesh with TextureLoader but the quality is very poor when rendered. I’m simplified what I’m doing to:

    const textureLoader = new THREE.TextureLoader()
    let plane = new THREE.Mesh(
      new THREE.BoxGeometry(3, 2, 0.1),
      new THREE.MeshBasicMaterial({
        map: textureLoader.load(`/spiral/${i}.jpg`),
      })
    )

Is there a better way I can load/use these jpgs to look washed out?

2

Found the answer. I was using a template that had sRGBEncoding which was responsible for the desaturated images.

Removing the following resolved my issue:
outputEncoding = THREE.sRGBEncoding

3

Note that for PBR rendering you do ideally want sRGBEncoding output encoding on the renderer, as well as texture.encoding = sRGBEncoding for color textures. See Color management in three.js.