Image blurry on android

[trim adder]

First image is screenshot of android device (samsung s20+) and the best example of the blur is the astroid in the center
The second image is on desktop, although the image quality is the same on an iphone device.

What can cause this low resolution? I thought it might be webpack compressing the image but why would it not compress the same way on ios?

Thank you

[trim adder]

Here is how i am reading textures :

this.texture = TextureLoader.loader.load(filepath,
            function(texture) {
                console.log("Success!");
                console.log(texture);
            },

            // Progress (ignored)
            undefined,

        // On error
        function(err) {
            console.log("Error");
            console.log(err);

        });

        this.width = imgwidth;
        this.height = imgheight;

        this.texture.generateMipmaps = false;
        this.texture.magFilter = THREE.NearestFilter;
        this.minFilter = THREE.NearestFilter;
        this.texture.needsUpdate = true;
        
    }

[trim adder]

screenshot of how it looks on iphone, the textures are clearly higher resolution than on android