If you are migrating your website to Shopify then you are most likely asking about your theme's recommended banner sizes. Many of the themes have recommended sizes inside each section area's settings. However, these are just best guesses as to what would work well within the frame. We've come up with a more universal number for the best banner sizes for your Shopify theme. Keep in mind that there are no set sizes. You can have a banner as tall as you want, whereas the width is restricted to the container and browser width.
Proportional sizing is good to stay within because if you make the banner tall then on mobile you will have a long scroll. If you make the banner too wide and short then you will barely see a banner on mobile. Check out our recommended sizes based on the industry common sizes for the Hero Banners, Featured Category Images, and Collection Images.
Hero Banner (Homepage): 1600X500
Category Images: (Homepage) 500X500
Featured Images: (Homepage) 885X680
Small Featured Images: (Home Page) 440X330
Products
Because the product page's desktop layout is adjustable, we recommend thinking about your photography mobile-first.
For most products, a portrait (3:4 or 2:3) or square (1:1) aspect ratio will ensure that your product can be accurately shown in full detail on your store without the need to pinch or zoom.
Depending on your product shape, choose from one of the aspect ratios below:
For most products, a square (1:1) aspect ratio will ensure that your product can be accurately shown in full detail on your store without the need to pinch or zoom.
| Recommended aspect ratio | 1:1 | |
| Minimum size | 532px wide | 532px tall |
| Recommended size | 1065px wide | 1065px tall |
| Recommended size (2x zoomable) | 2130px wide | 2130px tall |
Heroes, Slideshows, Collection headers
| Recommended aspect ratio | 16:9 | |
| Minimum size | 1440px wide | 810px tall |
| Recommended size | 2880px wide | 1620px tall |
Blog posts
| Recommended aspect ratio | 16:9 (adjustable through setting) | |
| Minimum size | 1440px wide | 810px tall |
| Recommended size | 2880px wide | 1620px tall |
Video sections
| Recommended hosting method | .mp4 or Youtube | |
| Recommended aspect ratio | 16:9 | |
| Minimum size | 1280px wide | 720px tall |
| Recommended size | 1920px wide | 1080px tall |
For product video, use the same size as your product images.
If you migrate your website with Pelican Commerce, these are the common tasks that we'll help you with to be sure your site is set up properly. We specialize in Migrating existing websites to Shopify while retaining the SEO Rank and Traffic. Reach out to us today if you need help or have any questions.
