Image Sizes

Learn how to configure your store image sizes correctly here. In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to launch Theme Editor. In the left hand column of the Theme Editor, click the panel labelled 'Image Sizes'

Typography Colors

A note about images Your product images are the among the most utilized content on your site. They are essential for helping your visitors to convert into buyers. It is important therefore, that you configure your image sizes correctly.

The most important thing to realize is that most of the preparation for your images should be done prior to upload.

We recommend choosing and sticking with an aspect ratio for your images. For instance, for the vast majority of stores using our theme we would recommend either 4:3, 3:4 or 1:1 product image ratios.

The image size options in this panel refer to maximum sizes for large screens. As screens reduce in size, the images will automatically scale.

If you stick to the our recommendations about image ratios, there should be no reason to change the image sizes from “Optimized for theme”.

Blog Post Thumbnails

4:3 or 1:1

Product Images

4:3, 3:4 or 1:1

Brand Logos

Place the logo on a 1:1 or 4:3 canvas

Hero Banner Images

16:9 or 4:3

16:9 or 4:3