Using Images On The Web

‘It is crucial to use the correct images on a e-commerce website,  it is important that all images are of a high quality and draw the attention of the customer. Images on a website are there to give a representation of some of the products available and make it look attractive.

There are 3 main types of image formatting:


    JPEGs might be the most common file type you run across on the web, and more than likely the kind of image that is in your company’s MS Word version of its letterhead. JPEGs are known for their “lossy” compression, meaning that the quality of the image decreases as the file size decreases.


    PNGs are amazing for interactive documents such as web pages, but are not suitable for print. While PNGs are “lossless”, meaning you can edit them and not lose quality, they are still low resolution.

    The reason PNGs are used in most web projects is that you can save your image with more colors on a transparent background. This makes for a much sharper, web-quality image


    GIFs are most common in their animated form, which are all the rage on Tumblr pages and in banner ads. It seems like every other day we have a new Grumpy Cat or Honey Boo Boo animated GIF. In their more basic form, GIFs are formed from up to 256 colors in the RGB colorspace. Due to the limited number of colors, the file size is drastically reduced.

    This is a common file type for web projects where an image needs to load very quickly, as opposed to one that needs to retain a higher level of quality.’

Jessie-Lee Nichols (2013) How And When To Use Different Types of Image Files. [Online] Available from: [Accessed 20 November 2015]. 

  • giphy
  • After researching the imaging formats, i have decided to use PNG’s because they can provide you with a higher quality photo. Because my clothing business is high quality, i feel the photos should also be high quality in order to give an accurate representation of the products.

The importance of Great Images

‘Imagine you go into an online store, be it a personal marketplace shop or a professional online retailer. The store has a product you’d really like to buy, at least you think so. But you can’t see the product properly. The images are small, maybe a bit blurry and there’s just one picture of each product. Does this inspire you to purchase the product? Probably not. There are two main reasons for this; you can’t be certain how the product actually looks, and you’re also thinking that a store with pictures as unprofessional as these perhaps cannot be trusted. As Lauren Freedman, president of the The E-tailing Group, said during the Internet Retail Conference Exhibition in 2012 (IRCE) “product information should start with strong imagery as part of the shopping experience”.

She also presented a study conducted to consumers, the IRCE 2012 Report, where 75% of them listed the quality of the product images as the most important feature when shopping online, followed by showing alternative views of the product with a 66% and zoom with 61%. Additionally, according to an A/B test runned by Visual Website Optimizer, “larger product images increase sales by 9%”. Therefore, it is essential that your images are of high quality – no question about it.’

Pixelz (2014) Using Product Images on eCommerce Sites. [Online] Available from: [Accessed 23 November 2015].