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’ve opened an issue on GitHub for this with more details: https://github.com/Shopify/dawn/issues/616

I don’t know why people always ask for your link first It’s easy my friend Video: [How to reduce main product images size in Dawn theme - Shopify 2.0 Tutorials] How to make your product images smaller in Shopify 2.0 Dawn theme Firstly you can identify the problem: [HamishDavisonIC…

Hey Hamish, unfortunately this does not solve the problem I’m having. The issue isn’t the size of the block. Issue is that the image itself gets downsized in half and then displayed at full width with making it blurry. I’ve fiddled with the product-media.liquid file, I believe the answer lies somew…

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.

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.

Could you try deleting everything in the and see what happens? You can always undo after

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

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

Store Design

HamishDavisonIC September 13, 2021, 2:03pm 7

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

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

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

Related topics