What are the image dimensions for the Dawn theme?

Solved

What are the image dimensions for the Dawn theme?

Tara123
Explorer
65 3 6

Hi there,

 

Can you please help tell what the image sizes are for DAWN theme?  Thanks.

 

Regards,

Tara

Accepted Solutions (2)

PageFly-Theodor
Shopify Partner
691 86 103

This is an accepted solution.

Hi @Tara123 ,
This is Theodore from PageFly - Shopify Page Builder App.

For the Shopify Dawn theme, the recommended image sizes are tailored to ensure optimal loading speed and visual appeal on both desktop and mobile devices. The image banner should be 1600 x 1050 px, providing a striking display for desktop viewers. The logo image is best sized at 450 x 250 px, while images with text overlay should ideally be 1800 x 1000 px. Product images should be 700 x 700 px, and collection images are recommended to be 550 x 550 px. For slideshows, a size of 1600 x 1050 px is suggested. Blog post images work well at 720 x 1080 px. It's essential to manage these sizes for mobile displays and center the subject of the image to prevent important parts from being cropped. Additionally, Shopify generally recommends image sizes of 2048px x 2048px for overall store optimization

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

PaulNewton
Shopify Partner
7721 678 1619

This is an accepted solution.

They vary wildly for different parts of the theme and CSS behaviors.

Example: https://github.com/Shopify/dawn/blob/main/snippets/product-media.liquid#L20 

Search: https://github.com/search?q=repo%3AShopify%2Fdawn+image+size+language%3ALiquid&type=code&l=Liquid 

 

There's no central code location for size constants in shopify themes because of limitations in how liquid snippets are scoped using the {% render %} tag.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


View solution in original post

Replies 5 (5)

PageFly-Theodor
Shopify Partner
691 86 103

This is an accepted solution.

Hi @Tara123 ,
This is Theodore from PageFly - Shopify Page Builder App.

For the Shopify Dawn theme, the recommended image sizes are tailored to ensure optimal loading speed and visual appeal on both desktop and mobile devices. The image banner should be 1600 x 1050 px, providing a striking display for desktop viewers. The logo image is best sized at 450 x 250 px, while images with text overlay should ideally be 1800 x 1000 px. Product images should be 700 x 700 px, and collection images are recommended to be 550 x 550 px. For slideshows, a size of 1600 x 1050 px is suggested. Blog post images work well at 720 x 1080 px. It's essential to manage these sizes for mobile displays and center the subject of the image to prevent important parts from being cropped. Additionally, Shopify generally recommends image sizes of 2048px x 2048px for overall store optimization

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Tara123
Explorer
65 3 6

Thanks very much for the suggestion. It's helpful.

PaulNewton
Shopify Partner
7721 678 1619

This is an accepted solution.

They vary wildly for different parts of the theme and CSS behaviors.

Example: https://github.com/Shopify/dawn/blob/main/snippets/product-media.liquid#L20 

Search: https://github.com/search?q=repo%3AShopify%2Fdawn+image+size+language%3ALiquid&type=code&l=Liquid 

 

There's no central code location for size constants in shopify themes because of limitations in how liquid snippets are scoped using the {% render %} tag.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


Tara123
Explorer
65 3 6

Thank you!!!

Tara123
Explorer
65 3 6

A further question, if I want to add a section like multirow or image with text for about us page, how can change the image and text size to look smaller? Because the default looks too big.