Follow

Products: Product Image Best Practices

They say a picture is worth a thousand words, but when it comes to eCommerce, a picture could have monetary value! High quality bottle/product images are crucial for selling online. Now that you have your photos, here are a few best practices to make sure they look great on your website too.

Use the corresponding product image examples on this page with the information below: http://www.smokingbarrelwines.com/product-image-best-practices.
 

Product Image Cropping, Sizing, and Resolution

Product images display at different sizes in different places on your site: category pages, product detail pages, shopping cart, etc). In order for them to appear at the largest possible size, it is important to tightly crop the images so that there is very little negative space around the bottle/product. Cropping bottleshots uniformly is especially important because you will typically have several appearing near each other on the same page. The way you crop your images makes all the difference, as seen at the link above. The two examples of bottle cropping came from the same original file, but look how different they display because of the negative space around the subject of the image.

Regardless of what the admin panel says, the image should NOT be resized to 400px x 400px, and does NOT have to be a JPG. In fact, your image should be sized to 600px at the longest side. Most site designs will not display an image any taller than 600px, so there is no need for it to be larger. The image will be automatically resized for all the areas it displays. Image resolution should be 72dpi for the web (300dpi is for print). This way the image will appear large enough for most designs, but the file size will be low enough to load quickly.

PLEASE NOTE: If you have a custom website design that requires specific size product images, of course you should use the dimensions provided during the production process. The above are general guidelines for most sites.

 

Product Image File Type

In reality, the admin panel will allow you to upload JPG, PNG, and GIF image files. Use the link above to see the difference between file types:

  • JPGs are commonly used image files, but will always display a white background on bottle shots and other images in which the subject does not fill the file shape. Save as RGB.
  • PNGs are high quality image files that allow for transparent backgrounds, which is great for bottle shots and other images where the subject matter does not fill the entire file. Save as RGB.
  • GIFs can also be saved with transparent backgrounds, but typically do not have the same quality as a PNG or JPG. Save as Indexed.

Images should be saved as RGB Color (or Indexed for GIFs), not CMYK. The admin panel with not allow uploading of TIFFs or PDFs for product images.

 

QUICK IMAGE GUIDE:

  1. 600px on the longest side
  2. Cropped closely to the subject
  3. Save at 72dpi
  4. Save as PNG, JPG, or GIF
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk