Low res images are loading on my product description pages. They are appearing blurry. This seems sometimes random as reloading the page several times, the image is sometimes low res and sometimes is not. Also, it seems that getting to the product page through a direct link the image is blurry, but getting to the product page from the home page, the image loads the correct size.
Check site through these links:
This image is loading this:
Instead this should be loading:
My guess at the moment is it has something to do with lazy loading script that's built into Shopify and the theme running its own lazy load script and maybe they're conflicting. I don't know of a solution either way.
Thank you for your message and detailed context, I am sorry to see you are having this issue. There are a couple of factors that can cause blurry images on an online store, and I would be happy to offer you some ideas moving forward.
My first question would be, what theme are you using for your store? Is it a Shopify theme that you downloaded from our App store directly, or a third-party theme?
If you are using a Shopify theme, have you made any recent coding changes to your theme template that may be affecting your product images?
I would also recommend pulling up a fresh Shopify Theme in your unpublished Theme library to see if the issue is replicated on the unpublished theme.
If you have not added an unpublished theme before, just head to your Admin and click Online store>Themes<Theme Library then select "Explore free themes" to find one.
If you are using a third-party theme, this could be causing the issue, as you suggested. I would recommend still testing that unpublished Shopify theme to see if the issue replicates from your third-party theme. If it does not replicate on the Shopify theme and your images load fine, your next step will be to reach out to your third-party themes developers or a Shopify Expert for the next steps.
Feel free to reach back out here with any questions you may, we are always happy to chat.