Skip to content

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).

Product images

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

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.

slider images 2048x1152 slider images 2048x768