In the lower main bar, in:
> SETTINGS > Image processing
In this window, we can set value for both the main images and the additional ones the products may have.
The values to fill in are the following:
Auto-scale: When selecting this option, the auto scaling tool will be enabled. This changes the image’s width and height to fit the width and height defined below.
Force size: It makes the resulting images to have the exact size to the ones that have been set as default below.
If this field is left blank, the rescaling process will keep the photo’s proportion. This is to say, given some height and width measures, the image will scale to a maximum of those sizes, calculating the other one automatically to it keeps the height and width proportion.
Pattern: Once the image files have been uploaded, it transforms their file names following a nomenclature pattern. By default, the small image name will be added _s, the medium image will be added _m and the large image will be added _l. Additional images only have two sizes: _ads (additional small) for the small one and _adl for the large one.
Width (px): Total pixels number from the left end to the right end of the image.
Height (px): Total pixels number from the top end to the bottom end of the image file.
Max size (KB): The process changes the dimensions and/or the quality of the image to fit the specified size in KB. Using this feature is advisable when we need to limit the weight of the images.
The main image includes 3 sizes (small, medium and large) while additional images only contain 2 sizes (small and large). Depending on the product view in the FrontOffice, an image will be displayed or another. Normally, the small image is displayed in the category view, the medium one is displayed in the product’s profile and the large one is used to zoom in for details. Additional images are usually displayed in the product’s view, the small one as preview image and the large one for zooming in.