A Guide to Product Image Optimization

Product Image Optimization

17.93% of consumers consider visual appearance to be the key deciding factor in a purchasing decision and 78% of online shoppers want more images from eCommerce sites.

1) At least 3 images

Our first tip is to have at-least three images for every product on your eCommerce site, taken from different viewing angles:

– In Package

– Out of Package

– Close Up (Zoom feature)

Here is an example from Batteries Expert, a commercebuild client:

In package

Also, make sure you have one image, with colors, for each variant you sell.

#TT - Variant Products with colours.png

2) Image dimensions

Small, blurry images just don’t cut it anymore. The web is a visual medium and in this age of consumerization, your buyers expect high quality images.

We recommend uploading two styles of images:

Thumbnail: Upload a thumbnail image for catalog and category listings that can be up to 400 x 400 pixels. This image can also be used for product recommendations.

Main Image: The main image will be used on the product page and should be anywhere between 1000 x 1000 pixels to 2000 x 2000 pixels. We recommend using images that are a maximum of 1000 x 1000 pixels for faster loading times.

3) Image Ratio

We recommend maintaining a consistent height to width ratio in order to have clear, non-distorted images. Having a consistent height to width ratio does not mean that all images should be 1:1 – it just means that all product images should product images and sizes.pnghave the same ratio (whether that be 1:1, 4:3 or 2:1). This makes a huge difference on the product pages when the images are displayed side by side. 

A neat trick is to have a white background for your product images. This minimizes in the visible differences between two images making it look more consistent and more professional!

This will also help if you are using the same images for marketing and advertising. Facebook re-adjusts images to a 1:1 format for advertising and will distort the image if not resized.

4) Image Format

The majority of commercebuild clients use JPEG images for their product pages. JPEG images offer a little more compression than other image formats allowing your product pages to load faster,  increasing overall site-speed. We recommend using JPEGs unless you have a need for transparencies or vectored images. If that is the case then we recommend using PNGs.

Here is a chart comparing the most popular image formats for product images:


5) Image Name

We recommend adding ALT tags (an HTML attribute applied to images to provide a text alternative for search engines OR the little text that pops up when you hover over an image on a website) to all of your images. This is great for Search Engine Optimization. ALT tags are an effective way to insert long-tail keywords or product names onto your product page without keyword stuffing (adding in too many keywords – as Google penalizes websites that do that).


If you are a commercebuild customer, or have your eCommerce platform integrated to your ERP, we recommend adding in product names that relate back to the same item in your ERP. Make sure these are alpha-numeric and don’t have dashes or slashes (ERP’s don’t read this information correctly).

These four tips should get you started on uploading more efficient, high quality product images to boost your online sales!

Have questions? Give us a shout at sales@commercebuild.com and we would be happy to help!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.