\n<\/p>\n
Hi all!<\/p>\n
I am using Cocos Creator version 3.8.8.<\/p>\n
The build will be done for the following platforms: web-desktop, web-mobile and Android (possibly also iOS). Basically, I want to support a wide range of devices. This raises several questions:<\/p>\n
What is the maximum texture resolution I should use?<\/strong> I can\u2019t decide between 2048×2048 and 4096×4096. It seems like 4096×4096 should theoretically work everywhere, but the recommendation in the Phaser.js<\/a> documentation is alarming:<\/p>\n 2048px for mobile and 4096px for desktop should be safe.<\/p>\n<\/blockquote>\n Does the texture size necessarily have to be a power of two?<\/strong> As far as I understand, this is not necessary, but desirable for better performance.<\/p>\n Should the texture be square?<\/strong> As far as I understand, the sides do not have to be the same size and this does not affect performance.<\/p>\n In general, I myself have always leaned towards 2048×2048 as the maximum texture size (however, in this project I was given very large textures).<\/p>\n<\/p><\/div>\n<\/p><\/div>\n For projects targeting web, Android, and iOS, I generally treat 2048\u00d72048 as the safest default maximum texture size, especially if compatibility with older or mid-range mobile devices is important. While many modern GPUs support 4096\u00d74096, larger textures increase memory usage and may negatively affect loading times or performance on lower-end hardware. Cocos developers have also noted that sticking to 4096 or below is the safer choice for Web, <\/a> depending on the target platform.<\/p>\n Regarding the other questions, power-of-two (POT) textures are no longer a strict requirement on modern hardware, but they can still offer better compatibility and are useful for features like mipmaps and texture compression. Non-square textures are also perfectly acceptable, provided the dimensions are appropriate for the content. Overall, I\u2019d optimize textures based on their actual on-screen size rather than always using the highest possible resolution.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n\n