Optimize Images on Your Homepage

Contributors

@brandon-leuangpaseuth @paul-boag


Business Benefits

Increase sales and establish a sense of your product range.


Use high-quality, unique images that make your offer more appealing and show customers you care about quality.

Use images that show off the product’s size, color, texture, and brand. Hire a professional photographer to make sure photos are well-composed and lit. Make sure your imagery uses a consistent style across the whole site. Use photos of your actual products instead of stock photos to establish credibility.

Display relevant product images on your homepage to help customers easily find what they’re looking for.

Display images of popular products for new visitors. Personalize the images you display to customers based on:

  • Previous visits.
  • Campaigns they have come from.
  • Location.
  • Time, such as season.
  • Referring website.

Use images featuring different product types on your homepage to show the scope of your offer.

For example, besides popular items, show images of other product categories to give first-time visitors a clearer picture of what you’re offering.

Use images to highlight promotions on your homepage to entice customers into buying.

For example, if you sell kitchenware, use a single image of a kitchen with a promotion banner over it to save space on unnecessary images, and let customers know that the promotion applies to all kitchenware. Ensure that promotional images match your website’s overall design to avoid customers confusing them for ads.

Ensure images are large, so users can see the detail of an image. Alternatively, allow people to click on an image to enlarge it.

Use brand colors in the background of photographs and on borders around images to maintain consistency.

Use a tool like Sirv to allow 360 degree views of images and image processing.

Use Sirv to process images on the fly, avoiding the need to upload at specific sizes or formatting. Also use it to deliver multiple image sizes based on uploading a single master image, and to create interactive images that allow a user to rotate a product.

Display images of products in context, so customers can better visualize them.

For example, if you sell TVs, use images of TVs in living rooms.

Use up to four large product thumbnails per row to visually engage customers visiting your product pages.

Fewer and larger thumbnails minimize clutter and communicate product properties better. This works better than using plenty of small thumbnails that might confuse customers.

Last edited by @hesh_fekry 2023-11-14T12:25:33Z