How to fix a grainy banner image in the Dawn theme?

Shopify Discussion

Topic summary

A user is experiencing graininess with their banner image on the Dawn theme despite uploading a high-quality file.

Issue Identified:

  • The banner image is being served at only 750px width, which is significantly smaller than needed for modern displays
  • The image URL shows width parameters limiting the resolution (width=750)

Root Cause:

  • Shopify’s CDN is automatically resizing/compressing the image to 750px, causing the grainy appearance on larger screens

Next Steps:

  • The user will likely need to adjust theme settings to allow larger image dimensions or modify the image block settings in the Dawn theme customizer
  • May require uploading a higher resolution source file and ensuring theme settings don’t restrict maximum width

The discussion remains open with no resolution yet provided.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

hi, i would like to know how to ensure that the banner image does not remain grainy, even though its quality is high

thanks for the support :slightly_smiling_face:

website URL: https://drip-graffiti.com/

2

Hello @stra10 the banner image size seems 750px here is the link https://drip-graffiti.com/cdn/shop/files/2_cfe55adb-0d94-43c3-85e5-f2229b2556a3.jpg?v=1696261327&width=750