I’m having difficulty getting larger images to display correctly on a WordPress site I am building. Particularly in Chrome, where the first time the page is loaded, the large image looks pixelated/blurry, but when I refresh the page it renders correctly. Also on Firefox and Safari they are just rendering blurry.
I have tried adding
image-rendering: pixelated; but to no avail. Also I have set the Media Settings to Thumbnail size 800 x 800, Medium size 1200 x 1200, Large size 2000 x 2000. In any case I’m choosing to display the images at Full Size.
Any ideas what I’m doing wrong?
Here is a link to the site in progress:
Read more here: WordPress large images render blurry