The texture looks blurry on mobile phones

[bhushan6]

I have few stall models and within the stalls I have pictures. I am rendering the textures on top of plane of course. But I feel like they look blurry on mobile phones. They look really god when the camera is really close but only when it is really close.

I tried using different min and mag filters on textures but nothing seems to make any changes. Is there any way to make it better.
Images are high quality.

[joshuaellis]

Have you set the 'dpr' prop on Canvas? Because it defaults to 1, when really you probably want it at 2

[bhushan6]

Yes, I did.

[drcmda]

dpr={[1, 2]} and you need to give textures higher anisotropy or swotch the filter, see https://discourse.threejs.org/t/how-can-i-increase-texture-sharpness/204/4

[bhushan6]

dpr={[1, 2]}

oh this worked. I was using dpr = {2}. Did not know it accepts an array. It is there in documentation, I should have read it properly, Really sorry and Thank you. :)

[drcmda]

yes: https://docs.pmnd.rs/react-three-fiber/API/canvas dpr={2} must also work.