Using the Dawn theme and the hero image is super blurry. I’ve made the dpi to 300, compressed it and it still is super blurry. I’ve separated between mobile and web images - the mobile images load fine, but the desktop isn’t optimised.
Topic summary
A user encountered a blurry hero image in Shopify’s Dawn theme (v12.0.2), despite optimizing the image to 300 DPI and compressing it. Mobile images loaded fine, but desktop images remained blurry.
Proposed Solution:
A PageFly representative suggested modifying the image-banner.liquid file by changing the native resolution settings:
- Navigate to: Online Stores > Themes > More Actions > Edit code
- Locate and edit the
image-banner.liquidfile - Adjust specific lines (around line 48 onwards) related to image resolution
Resolution:
The user initially couldn’t locate the specified code lines but ultimately resolved the issue using the provided guidance. The discussion concluded successfully with the problem solved.
For reference, please check the preview link: https://jusbh12pdecmfaxd-78359003442.shopifypreview.com
Hi @daniel1491
This is Richard from PageFly - Shopify Page Builder App
Please change the native resolution settings of the banner, you can follow my instructions below
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: find the image-banner.liquid and change
Hope this can help you solve the issue
Best regards,
Richard | PageFly
@daniel1491 What version of your current Dawn theme?
To clarify, we’re on Dawn 2.0, v12
@PageFly-Richard Apologies, we just managed to solve it! Thanks so much for this - you’re absolutely amazing
Glad that i can help. Let me know if you need further help