How to reduce the resolution of a large image?

Questions
, , ,
5

Hi @Fyrestar. I have this image . I tried to generate mimaps for tham however it did not give the desired result.

const loader = new THREE.TextureLoader();
let texture = loader.load(
"http://localhost:4200/assets/data/scenes/galery/NY_West_Cam14.png"
);
texture.generateMipmaps = true;
texture.needsUpdate = true;
texture.minFilter = THREE.LinearMipMapLinearFilter;
texture.magFilter = THREE.LinearFilter;
this.material = new THREE.MeshBasicMaterial({ map: texture });
let mesh = new THREE.Mesh(geometry, this.material);
this.scene.add(mesh);

Uploading this image takes quite a long time, is there any way to improve it?
Sometimes I see an information message in the console “THREE.WebGLRenderer: Texture has been resized from (16000x8000) to (8192x4096)”. Is there a way to manually set the size for texture?