Any (hero) image I upload to use as a slider image gets resized.
This only affects the slider on the home page. The other sliders work fine.
The inspect tool gives me the following error:
THREE.WebGLRenderer: image is not power of two (1920x1280). Resized to 1024x1024
Is there any way to stop THREE.JS from doing this?
All images have the same dimensions.
I've had this issue before and fixed it by deleting Wordpress and its' database and just starting over. This is not something I can do this time around.
As images in the showcase slider are used as WebGL textures you should scale the image size as close as possible to the power of two, whenever is possible
Hello,
Any (hero) image I upload to use as a slider image gets resized.
This only affects the slider on the home page. The other sliders work fine.
The inspect tool gives me the following error:
THREE.WebGLRenderer: image is not power of two (1920x1280). Resized to 1024x1024
Is there any way to stop THREE.JS from doing this?
All images have the same dimensions.
I've had this issue before and fixed it by deleting Wordpress and its' database and just starting over. This is not something I can do this time around.
Hello Alex,
As images in the showcase slider are used as WebGL textures you should scale the image size as close as possible to the power of two, whenever is possible
For example: 1920x1280 -> 2048 x 1024
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Thanks.
The images scale correctly now.
However, most of the demo images were 1920x1081 and those seemingly didn't have any scaling issues. Why would that be?
I'd like to edit three.js so it ignores the image dimensions, but that just isn't feasible because JavaScript looks like Chinese to me.
Try also keeping the images approx the same size (height vs width)
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio