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 just migrated to shopify because I had thought I wouldnt really need to touch any code. So with that I would like to say shame on shopify for making their flagship theme buggy and not fixing it or providing support for it. With that said, I think I have fixed the issue. The issue is in main-p…

This took a lot of faffing about. If you’re reading this comment so late into the thread, I assume nothing so far has worked for you and you are still pulling your hair out. My issue was that only the first product image on the collections page looked sharp; it was the ones after it that looked a b…

Try using a photo that has a 1:1 aspect ratio instead of 16:9.

thx but i dont think that this can be a longterm solution. 16:9 is the standart.

Have you updated your theme as described here? https://community.shopify.com/post/1431588

If you use the “Image” block instead of the “Product” block the image will show crisp, however it wont link back to the item. Otherwise you’d have to find the proper section in the code where the large photo of the collage is created and change the size properties to something like the following: …

Hi thanks. They are square 1080 by 1080 already. I don’t know it seems to be fixed now.

thx! im not sure if im searching at the right location. i guess i have to edit the theme? when i then enter any of the above code it cant find anything. could you please give me more detailed instruction where i have to search for it?

Hello, my issue is also that my collection photos are blurry but when gpoing into the actual individual product photos they are crystal clear. i cvannot find the section you are referign to to try and fix? my images are 1296x1829 thanks for any help

I had the same issue. I found that if you go to the product-template.liquid, you can change the product image size in second line of code. Since all of my product images are 1600x1600, I change the line of code to: {% assign product_image_size = ‘1600x1600’ %} [Screen Shot 2022-07-26 at 1.39.31 A…

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

Store Design

vish_ravalji April 2, 2024, 5:00pm 67

Works

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

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

Related topics