Image size is different on mobile and desktop

Store Design
, ,
4

@SK1A1

Please the following CSS code to your assets/ base.css bottom of the file.

@media screen and (min-width: 990px) {
.media>img {object-fit: initial !important;}
}

Shopify Dawn Theme Image Sizes

Image Type Width Height Aspect Ratio
Product Image 700px 700px -
Collection Image 550px 550px 1:1
Slideshow Image 1600px 1050px -
Blog Post Image 720px 1080px -
Text Overlay Image 1600px 1050px -

In order to get the best performance and visual looking, I highly recommend 1920(width) * 1080(height) for desktop and 800(width) * 800(height) for mobile.

Image Sizing Tips for Dawn Theme

  • Use the adapt-to-size feature for the Text Overlay Image to ensure the text neatly aligns with the image

Thanks!

1 Like