Product Image Blurry before a page refresh

[ad_1]

Hello,

I have a small problem regarding WooCommerce product images. I tried to check serveral topics from the forum but nothing seems to get my problem solved.

Basically, I’ve noticed a strange bug about product image. When the product initially loads the product image appears blurry. Upon refreshing the page, the images immediately become clear as they should be. This problem is only on Desktop, tested from mobile and everything seems to be perfect.

Product image size are 1080 x 1080, also tried to modify the dimensions serveral time but nothing changed. WooCommerce plugin is up-to-date (v8.4.0) and at customize > woocomerce > product images settings are as below:

https://prnt.sc/zQsxU5t6q0Yu

Screenshot when accesing the product – https://prnt.sc/xEk_Sr7-JOds

Screenshot after refresh the page – https://prnt.sc/8cGZNryAzFOB

Thank you in advance for your assistance and sorry for my bad english :).

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer