Image size guide
Whenever you upload an image to the theme editor, Shopify creates different sizes of that image and will serve appropriate size for different devices or browsers to ensure better performance — but you'll still have to compress images so they’re not too large to begin with.
When creating images for your store, we recommend the following dimensions:
2048px for full width images
1536px for three-quarter width images
1024px for half width images
768px for quarter width images
400px for icons images
Most common screen sizes
According to W3schools 1366px wide x 768px high is the most popular screen resolution as of January 2020 (not including mobile devices).
We recommend using product images with dimensions from
1024 x 1024px to
2048 x 2048px for best results. However the most optimal size and aspect ratio of product images can be dependent on the type of product.
For example, products such as jewelry made need to be saved at a larger size to allow for zoom functionality.
Consistency is key!
To make your product images appear uniform side-by-side, you need to use a consistent aspect ratio, or width-to-height ratio. For more info read Shopify's guide on image aspect ratios.
Slideshow images will adjust their height based on the dimensions of the image uploaded. Images with wider width-to-height ratios will result in sliders with a smaller height and vice versa.