Product images is one of the essential parts of an eCommerce website. It is the important element that provides further information about the product and makes your eCommerce more trusted. Therefore, displaying high-quality product image is a must for your eCommerce website. If it’s in your budget, you can have it done by hiring the pro. But it’s also possible for you to take the matters from the production until optimization.
Produce High-Quality Product Image
- Choose right camera and lighting
To produce a good image, then you need a basic equipment. Search for the best camera and lighting equipment you can afford. If you think your smartphone camera is capable for this job, then go for it. For the lighting, try to get natural lighting as much as possible and avoid to use flash. You can enhance the images later through editing.
- Use white background
You can never go wrong with white. White background is effective to draw attention to the product and give a clean and professional look. Use white backdrop when taking photos to simplify your work in editing after. Of course, you can use background other than plain white, just remember that the background you choose should emphasize the product.
- Show zoom details
Make sure you take the photo in high resolution that carries enough the details of the product. It’s important to let shoppers zoom in the images to get a further impression of the product. Besides, there’s no point in optimizing low-quality images later.
- Provide alternative views and angles
As the shoppers can’t see and touch the product directly, it is the basic to provide visualization. Show the product in multiple angles. Mostly the main images to display is the front view of the product, then include the angle from above, below, behind, the side. If the product has any unique features, textures, or patterns, provide the close-up shot of it too. Also show the images of your product in use.
If you have the product in different colors, then show it as the product images. This way shoppers can have the idea how the product looks in different colors rather than only assuming from the color swatches, or worst, from the color list.
- Be consistent
Create consistent product image to ensure that they all will look good together. The consistency will create a smooth, clean-looking browsing experience when viewed from the shop page. The key is to take photos of your products in the same style, whether from the same angles, background, or effect.
Use the Right Format and Dimensions
There are three main formats of the image file used on the web, which are JPEG/JPG, PNG, and GIF.
- JPEG – also known as JPG, is the most used format for the image on the web. It is also the popular format for product images. You can use JPEG format to get smaller file size without compromising image quality.
- PNG – typically has larger file size than the JPEG format. This format is great for maintaining image quality. You can also have a transparent background for the image.
- GIF – has the smaller file size than JPEG and PNG format. It lets you create simple animation from moving images.
Basically, the majority of image file format used are JPEG and PNG, while GIF is used when you need to create animated image. You can check the cheat sheet of image file format from HubSpot for more explanation.
Next, you need to adjust the image size to suit your page layout. Find out the maximum pixel dimensions you need and make it supporting retina display. For example, if the image aspect ratio on the product page is 2:3, then the product image should be cropped into the same ratio if it’s not the same yet. If the maximum dimensions you need is 600 x 900 px, then you should make it 1200 x 1800 px for retina display support.
Optimize For Load Time
Large file of image size will slow down the loading time of your website. Slow website then will lead you to unhappy shoppers and you will lose conversion. Avoid this issue by reducing file size. If you edit the images in Photoshop, you can use ‘Save For Web’ tool, but if you don’t, you can use other compression tools. There are many options to choose out there, but my choice goes to JPEGmini for web-based tools and EWWW Image Optimizer or TinyPNG for the plugins. If you decide to use the JPEG format, check your images again after compression to ensure if they are still crisp.
Optimize For SEO
- Descriptive file name
Don’t be lazy to rename your product image file. Give it a descriptive, keyword-rich file name that helps the search engines to classify and index your images. For instance, when someone searches for the blue sweater which you sell, he/she won’t search for ‘DCIM000589’ (the original file name), but they will use the keyword ‘blue sweater’. It will be helpful if you rename the file as ‘yourbrand-blue-sweater’.
- Alt text
When uploading the product image, don’t abandon the alt text. Alt text is the text alternative when a browser fails to render the image. Fill in the descriptive keyword and make it relevant to the image and image file name. You can try ‘front view of blue sweater from your brand’. Keep it simple and don’t overdo it.
Having great product image is necessary for your brand because no shoppers would like to see bad product photo or even no photo at all. Display it along with the informative text and stunning page layout for better product presentation and generating more conversions.
What about the product images of your eCommerce website? Did you follow the best practices? Tell us your experience in the comment below 🙂