What are different types of images? – Base, Small, Thumbnail and Swatch Images.

For each image you upload for any product, the image is visible and stored in multiple formats and types. Let’s have a look of different image roles and their descriptions.

  1. Thumbnail: Thumbnail images appear in the thumbnail gallery, shopping cart and in some blocks such as Related Items. 

Example size: 50 x 50 pixels

  1. Small Image: The small image is used for the product images in listings on category and search results pages and to display the product images needed for sections such as for Up-sells, Cross-sells, and the New Products List. 

Example size: 470 x 470 pixels

  1. Base Image: The base image is the main image on the product detail page. Image zoom is activated if you upload an image that is larger than the image container. Depending on the level of zoom that you want to achieve, the base image should be two or three times the size of the container. 

Example sizes: 470 x 470 pixels (without Zoom), 1100 x 1100 pixels (if Zoomed)

  1. Swatch: A swatch can be used to illustrate the color, pattern, or texture. 

Example size: 50 x 50 pixels

Related Articles