1.7 How to prepare your product’s images

1.7 How to prepare your product’s images

Introduction


Products images play the major factor in driving your store’s visitors into making a conversion. In this article, we will focus on how to prepare your product’s images and the major things to take into your consideration


- Resolution:

Small pixelated images are not effective as a sales tool and in order to give a clear view and show more details of the product to your potential customers, the best practice is to always upload high-resolution images with a minimum width of 1000 pixels and avoid pixelated images. The recommended size for all ShopGo’s available themes is 1100 x 1100 pixels.


Here is a comparison between High and Low resolution for the same product image, which one do you think is more efficient for your visitors’ online experience?


resolution_comparison1


- White Background:

Most of the online shopping stores use a white background as a standard background for all their products’ images. White background gives your product a cleaner visualization and decreases distraction when your visitors view your catalog whether on the catalog and/or product detailed page.


Also, having a unified white background for your online catalog will save you time and money by speeding up the process of editing all the products images.


white_background


- Search Engine Optimized Images:

There are three main factors for an optimized product image that you need to consider:


1- Image loading time: Large image sizes can increase the time needed from your visitors to load a specific products page, and the more the loading time increases the higher the chance is to lose a conversion. Therefore, we recommend that you optimize your products image for lower sizes while avoiding affecting the quality of the image.


There are many available image editing software, like PhotoShop and GIMP Image, which has an image optimization feature for the website. Below example is using PhotoShop Save for Web feature:

optimization_photoshop


2- Image Filename: In order to have a better search engine optimized images, you must avoid naming your images random names or stick to the original file name from your camera or smartphone (i.e. IMG_21001.jpg). To get better results when visitors search for a specific keyword, you must consider renaming your images to more related and descriptive keywords, (i.e. Black and Blue Women Skirt.jpg)


3- Image Alt Text: Image text alternative helps search engines determine what the image is about and also determine the topic of the surrounding text, therefore to have more search engine optimized images you are recommended to add image alt text. Below example displays where to place your product-image alt text

alt_text



Outcome


By the end of this Article, you should be able to prepare your images in order to start uploading your products with professional and clear images.

    • Related Articles

    • How to Prepare your Product’s Images

      Introduction Product images play the major factor in driving your store’s visitors into making a conversion. In this article, we will focus on how to prepare your product’s images and the major things to take into consideration. 1- Resolution: Small ...

    • 3.18 Products’ Images Best Practices

      Introduction Products images play the major factor in driving your store’s visitors into making a conversion. In this article, we will focus on how to optimize your visitors’ shopping experience and help them visualize the listed products on your ...

    • 3.5 How to Identify My Product Type(s)?

      Introduction When adding new products to your website’s catalog, you are required to specify the “Product Type”. There are several types that your platform provides in order to accommodate to the majority of today’s common products for sale on the ...

    • 4.7 Simple But Essential: Using Wysiwyg Editor 1 – Upload Images

      Introduction While preparing your store and uploading your content, you go by an editor that looks like the image below. OB 4.7.1 This editor is called the “Wysiwyg” Editor, and it’s an abbreviation for “What You See Is What You Get”. It means the ...

    • 5.3.1 x% discount on catalog, category or specific product

      Introduction You can always offer your customers specific promotions during the year to get their attention and also increase the store traffic and revenue. A survey found that up to 50% of consumers make a purchase only with a promotion. Shoppers ...