
The two main reasons why image sizes are very important in a Shopify store are:
- Loading Speed – the smaller the images, the quicker your store loads and your customer can get what they want.
- The Visual Appeal Factor – images larger than the recommended size for a theme will be cropped out. This can make your store look not the way you expected and even lead customers away.
Most Shopify themes are easy to implement and make your store stand out. However, each of them lays out images differently. Ensuring the subject of the image is close to the center will avoid any cropping of the important parts of the image. And below you'll find the recommended image sizes for some of the most popular Shopify themes.
Boost your Shopify store speed and SEO performance with one app
Try TinyIMG now!According to Shopify, stores should never have images that are too small or large. While Shopify allows users to upload images up to 4472px X 4472px, image sizes of 2048px X 2048px are highly recommended. Read on for the best image sizes to compliment your store's theme.
Shopify Debut Theme Image Sizes
Image Type | Width | Height | Aspect Ratio |
Hero Banner Image | 2000px | 1200px | - |
Product Image | 800px | 800px | - |
Collection Image | 800px | 800px | - |
Slideshow (Adapt to First) | 1200px | 600px | - |
Slideshow (Small) | 1200px | 475px | - |
Slideshow (Medium) | 1200px | 489px | - |
Slideshow (Large) | 1200px | 775px | - |
Image Sizing Tips for Debut Theme
- Use the exact size for all product images for a uniform appearance when used in collections.
- The slide height affects the slideshow images on the Debut Theme. However, when you use the Adapt to First feature, cropping on the images can be prevented on both desktop and mobile.
Shopify Impulse Theme Image Sizes
Image Type | Width | Height | Aspect Ratio |
Product Image | 1065px | 1420px | 3:4 |
Collection, Slideshow and Hero Images | 2880px | 1620px | 16:9 |
Slideshow Image(Mobile) | 800px | 800px | 1:1 |
Blog Post Image | 2880px | 1410px | 4:3 |
Mega Menu Image | 510px | 234px | 17:8 |
Videos (.mp4 or YouTube) | 1920px | 1080px | 16:9 |
Image Sizing Tips for Impulse Theme
- Recommended Aspect Ratios for product images are 3:4, 1:1 and 2:3
- JPG images are better for correctly sized images to favor load time. PNG images, though high in quality, have large file sizes. If you have captured images or created designs in PNG format, several tools are available to resize the images.
- Mega Menu images are taken from images that you have uploaded for your collections.
- For product videos, use the product image size specifications.
Shopify Narrative Theme Image Sizes
Image Type | Width | Height | Aspect Ratio |
Product Image | 380px | 500px | - |
Hero Image | 1920px | 1080px | 16:9 |
Collection image | 300px | 300px | 1:1 |
Slideshow Image | 4000px | 2200px | - |
Blog Post Image | 720px | 510px | - |
Image Sizing Tips for Narrative Theme
- Square images are preferred for product images for a consistent experience. However, there is no rule against using the recommended 380px by 500px if it fits the overall style.
- Hero images and banner images are the welcome mats of your Shopify store. The best highlights of your product/offer can be displayed here at a 16:9 ratio.
TinyIMG app will help you automate image optimization, improve Shopify store speed and SEO performance
Install TinyIMG now!Shopify Brooklyn Theme Image Sizes
Image Type | Width | Height | Aspect Ratio |
Product Image | 1024px | 1024px | - |
Hero Image | 2040px | 1152px | - |
Collection image | 1024px | 1024px | - |
Slideshow Image | 1200px | 800px | - |
Blog Post Image | 1560px | 932px | - |
Image Sizing Tips for Brooklyn Theme
- You can set the size of the images in the collections by formatting the order of images. For example, images 5,6,7,12,13, and 18 appear larger than the others. You can use this layout to highlight your best products.
- If you want all images to appear the same size, choose the grid layout instead.
Shopify Prestige Theme Image Sizes
Image Type | Width | Height | Aspect Ratio |
Product Image | 1800px | 1800px | 1:1 |
Hero Image | 1200px | 1700px | - |
Collection image | 600px | 500px | - |
Slideshow Image | 1600px | 600px | - |
Blog Post Image | 800px | 700px | - |
Image Sizing Tips for Prestige Theme
- Ensure that the focal point/point of interest of the images are aligned for intended viewing, as some cropping of the top/bottom and sides may occur
Shopify Venture Theme Image Sizes
Image Type | Width | Height | Aspect Ratio |
Product Image | 2048px | 2048px | - |
Collection image | 1800px | 1000px | - |
Slideshow Image | 1800px | 1000px | - |
Blog Post Image | 1100px | 560px | - |
Image Sizing Tips for Venture Theme
- Venture is an excellent theme for image-heavy stores. Using square images sized to the aspect ratio of 1:1 is a great way to display tiles of products.
Shopify Empire Theme Image Sizes
Image Type | Width | Height | Aspect Ratio |
Product Image | 2800px | 2800px | - |
Collection Image | 2000px | 2000px | - |
Slideshow Image | 2880px | 2880px | - |
Logo Image | 200px | 80px | - |
Highlight Banner Image | 50px | 50px | - |
Shoppable Image | 1200px | 600px | - |
Image Sizing Tips for Empire Theme
- Reduce any cropping in slideshow images by changing the slideshow height or keeping the original aspect ratio
- Square 1:1 aspect ratio images are best for mobile displays with the Empire theme
Shopify Simple Theme Image Sizes
Image Type | Width | Height | Aspect Ratio |
Product Image | 720px | 720px | - |
Collection Image | 400px | 600px | - |
Slideshow Image | 1280px | 462px | - |
Text Overlay Image | 1280px | 462px | - |
Image Sizing Tips for Simple Theme
- Use an image editing app to resize all your product images to have a uniform appearance. There are several applications and software available to resize bulk images
Shopify Testament Theme Image Sizes
Image Type | Width | Height | Aspect Ratio |
Product Image | 1500px | 2000px | 3:4 |
Slideshow, Parallax and Banner Image | 2880px | 1920px | 16:9 |
Blog and Collection Images | 1600px | 1200px | 4:3 |
Image Sizing Tips for Testament Theme
- Maintaining the aspect ratio of images is crucial as it ensures the grid layout of the testament theme is maintained
- While square images are preferred for product images and collection images, it is not a steadfast requirement
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 | - |
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
Use TinyIMG to optimize your Shopify store images, improve page speed and SEO performance
Install TinyIMG nowCan You Use Image Sizes Different from Recommended?
The recommended image sizes above are a good indication of what works with popular Shopify themes. For example, some themes look best with square images, while some are great for image tiles of different sizes. Depending on the type and style of your store, the images will need to be formatted, aligned, and resized using some basic CSS scripts. You can use third-party bulk resizing Shopify apps if you have a massive collection of images that you need to resize.
Summary
It is important to give your customers a complete real-feel experience when they enter your Shopify store. The image sizes recommended for the themes play an important role in giving your store a professional and authentic outlook. Along with the image sizes, the quality of the uploaded images is vital for authentication.
Curious to read more? Check out these articles: