People standardize the size of their images to maintain the correct proportion and to ensure that they appear at the highest possible resolution. Images of various dimensions and sizes can impact the presentation of your product catalogue. Magento resizes product images according to the dimensions specified by the theme. It is always advised not to resize an image larger than the original but to make the image smaller without losing resolution. The Catalogue Images tool lets you override the default size and proportion of any image in your catalogue layout by specifying the new size in pixels. Each image has three types a base image, a thumbnail and a small image. When you specify a new size for the base image, the corresponding small image and thumbnail are resized automatically. This change will be applied to any product image that appears in your catalogue at that location. Below are the steps to resize the image in your product catalogue. So read through to know how can you resize images in Magento.
a) Find the image you want to resize in the Location column. Then, set Image Type to one of the following:
To set to a custom size you can select one of the three image types, and the other two will be resized automatically.
b) For the image enter the size
c) Do the following to restore the size of an image size
While resizing your catalogue image, the change applies to all themes. Therefore, you should also update any custom CSS to ensure that the image renders correctly after resizing a catalogue image.