Posted on Jun 22, 2023

Resizing allows you to make your image smaller or larger without cutting anything out. Resizing alters the image's dimensions, which typically affects the file size and image quality. The most common reason for resizing photos is to reduce the size of large files to make them easier to email or share online. The quality of the product images influences your website performance. It is crucial to have the correct image size in order to minimize the website space and loading time. Website speed can have a significant impact on SEO rankings and conversion rates, and therefore selecting the right-sized images is more critical than ever before. The image size has to be perfect from the get-go. Correct image size means faster load speed and quality images for visitors, leading to more conversions and profits!

On ecommerce sites, there should be consistent dimensions for all product images. The images should not distort, skew or stretch. All these can happen if an image is too small or has substantially different measurements. Incorrectly sized images to fit a space on a page can lead to various undesirable outcomes; for example, images may look distorted or fuzzy or throw off an entire area. If an image is too large for a space, it will disrupt the user experience by slowing the page load. Small images may also adversely impact the user experience.

The resize tool helps the user to resize product images without compromising on quality. Apart from resizing a single image on the editor, you can also uniformly resize a collection of images through the batch wizard. The slider on the resize tool represents the percentage of the image width. The slider is at the halfway mark, which is 100% width. The lowest value is 0.5 of the image width and the highest is 1.75 of the image width.

There are two modes available in the resize tool, Aspect ratio and Square

In the aspect ratio mode, you can both increase and decrease the size of the image without compromising the quality of the image and aspect ratio (ratio of image height to width). The aspect ratio is a proportional relationship between the width and height of an image. For example, for an image of size 2250px X 1500px, the aspect ratio is 3:2. When you resize this image on the aspect ratio mode, the ratio 3:2 will be maintained. For instance, the resultant image could be 750px X 500px which has the same aspect ratio os 3:2.

Resize example

In the square mode, the image is resized in the 1:1 aspect ratio. The larger side of the image is chosen for the 1:1 resizing. Consider an image of size 2250px X 1500x. If you want to reduce the image size in square mode, then the resultant square image will be of dimensions 2000px X 2000px. The larger side of the original image (2250) is considered for the 1:1 resizing. In this example, the original image height is 1500px and the resultant image height becomes 2000px. In this situation, additional padding is require to increase the width for the square resizing. Additonal pixels from the edge of the image is used for padding to increase the height of the resultant image to 2000px.

Resize example

This section shows you how to use the Resize tool. Select the image using the product search filters. For more information, refer Product search.

  • Select the Crop tool.
  • resize
  • Move the resize slider to set the parameters. The slider is at 100% of the image width by default. The lowest value is 50% of the width and the highest you can enlarge is upto 175%.
  • After you've set the resize dimensions, you can proceed to process your image to view the result..