Image Sizes (Portobello)
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'
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 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".
Recommended Image ratios
Blog Post Thumbnails
4:3 or 1:1
4:3, 3:4 or 1:1
Place the logo on a 1:1 or 4:3 canvas
Hero Banner Images
16:9 or 4:3
Featured Category Images
16:9 or 4:3