Product Images

Product images will aid your website when done correctly.  To ensure you are getting the most from your product images we have built a simple checklist.

  1. Are your images high quality?
  2. Do they fully depict the item?
  3. Would the product benefit from any extra images?
  4. Are your images compressed to a reasonable file size?
  5. Are your images named properly?
  6. Do your images have alt tags?

Clear Images

It's really important to use nice clear images when presenting products.  Remember, you want to show your customers the benefits of owning such products, so blurry, dark, or poorly presented images won't help at all.

We often see blurry product images when images with a small physical size have been stretched to fill more space on a page. (Fig1).

Fig 1:

It's better to create clear, high-resolution images, and then create smaller versions to use on category and product pages, rather than to try to scale an image up or down.

  • Scaling a small image up, just reduces the sharpness of an image.
  • Scaling a large image down only reduces the way it looks on the page. It will still have it's large file size, which can slow down the loading time of your web page.


Image Naming

Naming your images properly is helpful for a number of reasons.

  • It helps you and your team to locate files.
  • It helps the search engines match the image to user search queries.

Eg. red-helly-hanson-sweatshirt.jpg  

This is a descriptive naming method.

Do's and Donts 

  • Always hyphens to replace spaces - don't use underscores or spaces
  • Always use lowercase and NEVER uppercase letters in filenames
  • Try only to use Alpha-Numerics (and hyphens) where possible

Formats and File Sizes

This is a more subjective matter and depends on a few things including whether you offer zoom facilities. Typically however we recommend the following, however you should always have a discussion with your agency to confirm these generic conventions suit the project needs.

  • Ideally use PNG formatting, JPG is also OK but never use any other formats
  • Always save/compress images with a suitable application which is capable of stripping meta data headers (often used by digital cameras) which cause overhead to web servers
  • Depending on the aspect ratio you have agreed for products, we recommend somewhere between 1000 and 1500 pixels in dimensions for source image uploads. This will generally cover most zoom facility requirements and exceptional close-up shots can also be cropped in at source allowing supplementary zoom-in images to be uploaded also. 


Using Alt Tags:

Add alt Tags  or "Labels" as Magento calls them. These simple labels provide extra SEO power for your store, as well as helping out disabled users who may use screen reading software.

Search Engines read this text, so make sure you use descriptive terms, this can help your page be relevant to what searchers are looking for. 

Have more questions? Submit a request


Please sign in to leave a comment.