Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi there,
Can you please help tell what the image sizes are for DAWN theme? Thanks.
Regards,
Tara
Solved! Go to the solution
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.
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
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.
Thanks very much for the suggestion. It's helpful.
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
Thank you!!!
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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025