Increase your Site’s Speed by Optimizing your Product Page Photos

It’s no question that high-definition photos have a higher impact on customers than low-resolution or blurry ones. During a customer’s in-store experience they are able to pick up and visually inspect an item before deciding to purchase it. Online customers lose out on this experience, which puts more pressure on product photography to make customers feel as if they are seeing the item in person.

A pair of canvas grey vans with white soles and black shoelaces on top of a folded purple heathered shirt and grey canvas jeans

High-definition images often equate to higher file sizes, which can have a direct effect on your website’s speed and search engine optimization. According to Kissmetrics, 47% of users expect a webpage to load in under 2 seconds, and 40% will abandon a page that takes more than 3 seconds to load. No need to worry! To help you avoid slow loading speeds that can lead to impatient visitors leaving your site, we’ve put together the following steps for optimizing your images without sacrificing quality!

1. Determine which file type is appropriate for your images.

There are 3 file types you should choose from: .jpg, .png, and .gif.

  • .jpg: Used for images produced by digital photography.
  • .png: Ideal for logos or other graphics with a limited color palette.
  • .gif: Supports static images or animation, and transparencies.

2. Reduce the dimensions of your images to the necessary sizes.

There are many different programs you can use to adjust the size of your images, such as Photoshop or Apple Preview. You will want to research your website’s template to see if there are recommended sizes for any of the images on your website to avoid using images that are oversized.

3. Reduce the file size of your images using image optimization software.

If you are editing your images in Photoshop, you can use Photoshop’s “Save for Web” export option, which helps cut down the size of your image. There are also several image compression apps you can use to remove hidden data from your images. Here are a few we recommend:

As a general rule of thumb, your product photos should be a maximum 80-150 KB. Even if you’re only able to reduce the size of your photos by 5%, every small amount matters – especially as your online store grows.

We’re a dedicated group of designers, developers & marketers. We help build these brands, shepherd them through troubled waters of obscurity and out the other side.

How do I hire you?!