Bad quality product photoes, but when I open them and refresh page it fixes. -Spotlight theme

Store Design
, ,

Topic summary

Issue: Homepage product images initially appear low-quality; after opening a product page and then refreshing the homepage, images become noticeably sharper.

Key details:

  • Site: https://kartbagrationvalley.com/
  • Theme: Spotlight (Store Design).
  • Tags: css, html, product-page.
  • User uploaded high-quality originals and also tried WebP (an image format) with the same result.

Reproduction steps:

  1. Load the homepage: product thumbnails look blurry/soft.
  2. Open a product page (e.g., the right item with a print).
  3. Return to the homepage and refresh: thumbnails render crisp.

Evidence:

  • Two screenshots attached showing “before” (blurry) vs “after” (crisper) states; images are central to understanding the problem.

Status:

  • Cause not identified; user wonders if it is code-related.
  • No solutions or workarounds confirmed yet.
  • Discussion currently unresolved/awaiting guidance or diagnosis.
Summarized with AI on December 21. AI used: gpt-5.
1

I have weird issue, I don’t know it it’s related to code. I have uploaded the best quality picture, even tried WEBP format but issue is same. So, when I open my website https://kartbagrationvalley.com/ , product pictures on home page are kind of bad quality, then I open one of the product page, for example the right one with a print, than go back to my home page refresh it and suddenly quality is much better. what’s the issue? I will provide picture of what I mean.

  1. before opening product (check quality of picture)

Nikxj44_0-1724335559086.png
Nikxj44_0-1724335559086.png1919×1046 181 KB

  1. after opening this product and refreshing the page (check quality of photo again)

Nikxj44_1-1724335610120.png
Nikxj44_1-1724335610120.png1919×1040 214 KB

as you can see on this picture, photo of the product is much crispier and better quality. please help :folded_hands: