Website Design Tips Archives - Small Business Website Design | Black Webs

Blog

Developments, Advice and updates...
How to Take the Perfect Product Photo

How to Take the Perfect Product Photo

Here are a few of our simple tips for taking great product shots…

  1. Background

    Decide whether you’re going to have a background or have the background removed.If you’re going to have the background removed, try to keep it clean/simple (not complex – which makes it hard to define the edge of the product) – and ideally white (or contrasting to your product colour).  We recommend sending images away to be “clipped” professionally – it should cost between 15-50p depending on the amount of images you have (the more you have the cheaper it is).

    If you’re going to have a background, also keep it simple – so not to distract from the product.  You could also have a relevant background – slightly blurred out (or not in the same focus as the project).  Here’s an example…

  2. Lighting

    If you’re not able to get hold of a lighting rig then try to shoot your product in sunlight.  Don’t use a flash on your products – this will generate shadows and likely means the space where you’re taking the shot is too dark – dark photos (espically when the background is removed) look bad.
  3. Camera

    Most digital cameras these days will do a decent job.  Ensure your camera is set to high resolution – using auto focus.  There’s no need for a “RAW” format – JPG is fine.  If you’re sending your images away to be “clipped” – always send the highest-resolution photos possible.
  4. Close Ups

    Particularly with clothing, it’s best to try and get a few close ups of the product’s details – this will help the buyer make a choice.
  5. Editing

    There are many free editing apps/softwares available to brighten and sharpen your images if needed – but be careful not to over-edit them, espically if your product is a specific colour or shade, this should always be shown as close to true as possible.
  6. Posting

    As well as using your photos on your website, you can use them on your social media channels too – perhaps with text on top or as a gallery (in Instagram).
JPG vs PNG – What’s Best To Use and Why

JPG vs PNG – What’s Best To Use and Why

There are subtle differences between JPG, PNG and TIF files (the most common file types used) – but you might only know these if you are technical…

PNG images hold transparency, this means they tend to be much larger files than other formats as they have more data to remember.  These images are higher quality and tend to hold and display some colours better than other formats.

JPG files hold less detail and therefor save to a much smaller size – ideal for web usage.

TIFF images are usually high resolution and therefore very large in filesize – mainly used for print artwork.

There may be instances where you require transparency, e.g. to show the background through the given image.  We generally reserve PNG formats for logos and small details in banners.  Using a PNG file for a large image will cause loading performance issues with your page – espically if you have more than one image.

In nearly all circumstances, the JPG format should be used for images on your website.  Using graphics software you can reduce the quality of the image (not the size), which is unnoticable to the eye but will improve your performance.

If your visitor is loading your website on their mobile they will appricate the use of JPG, as these files are typically 10x smaller in filesize than PNG – so will not eat up their data usage.