Hey guys, I’m having issues where my product images are very blurry on the front end. They are fine when I preview them on the back end. Start happening after I’ve switched to the new Dawn theme. Images that I’ve uploaded are 1000px +, but site displaying them at half of that. Is there a way to fix …

@rusinov if you could mark this answer as a solution I would appreciate it so it reaches more people: Let’s talk about how to make your Dawn images not so blurry! https://youtu.be/K47sOuDZB5M This was more because Dawn is currently in development than anything else All we need to do is update …

I’m not at home so I can’t test this but you could try removing the if statements like I have here {%- if media.media_type == ‘image’ -%} <img srcset="{%- if media.preview_image.width >= 550 -%}{{ media.preview_image | img_url: ‘550x’ }} 550w,{%- endif -%} sizes=“(min-width: 750px) calc(100vw - …

I tried this and won’t let you save the code.

Interesting, i’ll have to have a closer look when I get home. Will have a solution for you in around 2 hours

Yes, I believe the same and I’ve been changing the measurements but no luck.

I’ve tried that, no cigar. I managed to get thumbnails to look better, but zoom-in modal is still very blurry. If you delete this from product-thumbnail.liquid: [Screen Shot 2021-09-13 at 10.04.05.png] But that’s a hack not a solution.

Removing div’s eliminates all product’s images from the product page or featured product modules. Doesn’t affect collection thumbnails.

width="1100" height="{{ 1100 | divided_by: media.preview_image.aspect_ratio | ceil }}" data-media-id="{{ media.id }}" {% if variant_image %}class="product__media-item--variant"{% endif %} Try playing with the numbers here

Any reply back on this on Github?

Why are my Dawn theme product images blurry on the front end?

Store Design

HamishDavisonIC September 13, 2021, 2:09pm 10

Could you try deleting everything in the

and see what happens?

You can always undo after

Topic		Replies	Views
Why are my Dawn theme collection images blurry? Store Design	29	420	August 27, 2025
Shopify Dawn theme, Reduce main product image size? Store Design	41	373	April 3, 2022
Why is my Dawn theme product image too large? Store Design	24	460	July 24, 2023
Dawn Theme - Product Images Displaying Blurry Store Design	3	56	December 2, 2021
Why are my Dawn theme preview images blurry? Store Design	6	86	July 29, 2022

Why are my Dawn theme product images blurry on the front end?

Related topics