Why does my high-res collection banner appear low resolution on the live page?

Technical Q&A

Topic summary

A user is experiencing an image quality issue with their Shopify store using the Ride theme and GemPages app.

The Problem:

  • Collection banner image appears high-resolution in the web editor
  • Same image displays as low-resolution on the live/published page
  • Original image is approximately 3000px × 3000px

Current Status:

  • User has provided comparison screenshots showing the editor view versus live view
  • No solutions or responses have been posted yet
  • Issue remains unresolved and awaiting community input
Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.
1

Im using the Ride theme, website design app though @GemPages , I’m posting a collection image which is sized around 3000 px * 3000 px, In the web editor it looks fine, but when I go to the live page its super low resolution. Can anyone offer some insight please.

Editor View:

https://gyazo.com/5a478bb5a367415b3cead8ef06f6ded6

Live View:

https://gyazo.com/d90bad2889bf7b818402b0cef0459390