How to get higher resolution environment map reflections

Hi all, does anyone know how to get higher resolution reflections? Thanks!

I get very pixelated reflections in a smooth metallic material, even though the source image is very sharp, which you can see in the background, compared with the reflection in the cube.

Using the texture directly, I get very pixelated reflections:

const environmentMap = textureLoader.load('assets/textures/photosphere/HDR_110_Tunnel_Bg.jpg');
environmentMap.mapping = EquirectangularReflectionMapping;
scene.environment = environmentMap;

scene.background = environmentMap;

Using PMREMGenerator I get slightly better looking result, but it’s still much lower quality than the source image:

const environmentMap = textureLoader.load('assets/textures/photosphere/HDR_110_Tunnel_Bg.jpg', tx => {
    scene.environment = pmremGenerator.fromEquirectangular(tx).texture;
});
environmentMap.mapping = EquirectangularReflectionMapping;
scene.environment = environmentMap;

scene.background = environmentMap;

Any help or advice appreciated, thanks.

Can you share your entire code here?

Try this:

cube.material = new MeshStandardMaterial({ roughness: 0, metalness: 1 });

Heya @looeee, thanks for the reply. I think code for the whole scene would add a lot of noise?

Yes my cube material looks like this:

var material = new MeshStandardMaterial({
    color: 0xffffff,
    metalness: 1,
    roughness: 0
});

Based on the below links, is there maybe a hardcoded resolution limit for reflections? If that’s the case it would be great to be able to configure it somehow.