Ultra high definition textures display blurry on the mobile version of Baidu Browser

Questions
1

Hi
My project is to apply an ultra-high definition texture to BoxGeometry. The texture has 4.9MB (12000 * 6000). This project uses the built-in browser of the mobile version of DingTalk to display clearly, but the display is blurry when using the mobile version of Baidu browser. Emphasize that this is done on the same phone. What could be the reason for this?

image
image818×608 39.2 KB

code:
B5C54FB7-B949-47c7-831F-1552A8D8F460
B5C54FB7-B949-47c7-831F-1552A8D8F4601084×651 30.7 KB

2

Sorry, the image labeling is incorrect. The correct information is as follows:

49791DC3-7C23-4501-AC25-68B02F3D3F0B
49791DC3-7C23-4501-AC25-68B02F3D3F0B791×602 36.4 KB

3

same issue as here:

None of these will display your texture at the right resolution. They both resized by three.js to the max size allowed by the GPU/webGL setup of the device/browser.

4

Usualy max resolution is 2048px on mobile webgl.
You can check limit from mobile here: https://webglreport.com

5

@Wu_sf here is some alternative test for your image.

Try opening my Texture Viewer in both DingTalk and Baidu. If you can see it in either browser then try loading your image locally or via URL to see how it shows.

This viewer is using HDRJPGLoader from gainmap-js to load certain image formats (EXR, HDR, JPEG, PNG, WEBP) and you might even be able to try it in your code.

The code of my viewer can be seen here.
I did not test it on multiple mobile devices, just on an Android phone.

6

Thank you for your help.

7

Thank you for your help. I use URL to see the image, the effect is the same in both DingTalk and Baidu.