How to edit product pictures for your webshop (part 3/3)

How to edit product pictures for your webshop (part 3/3)

Hi there!

We have reached the third and final part of these series. In this post I'm going to give you some tips and tricks to edit your pictures for your webshop. These can be product pictures, but we'll also talk about pictures with models.

Step One: RAW or JPEG?

Don't worry if these terms mean nothing to you. If you want to do some basic editing on your pictures, .jpeg files are fine. If you want to play around with the light and color after taking your picture, make sure the setting in your camera is set to take pictures in .RAW format.

If you want to learn more about editing .RAW pictures, I suggest you binge watch videos like this one. 

Step Two: Image size & quality

Check your camera setting to make sure you are taking high quality pictures. If you aren't going to edit or resize the pictures afterwards, you might want to turn the quality down. Big images slow down your website and there is nothing more toxic for User Experience than a slow-loading website.

I prefer to take high quality pictures and resize them afterwards in Photoshop to a size around 1MB. Note: Shopify allows you to upload files as big as 20MB!

Step Three: Editing Software

The land of editing software is widely spread, but still dominated by Adobe. I have loved Adobe Photoshop ever since I learned how to work with the program. I still use it to this day. I recommend watching some Youtube Tutorials to learn basics such as

  • Resizing your pictures
  • Touch up blemishes
  • Repeat a background
  • Quick select your products
  • ...

A free, smaller version of Adobe Photoshop you could try is Gimp.

If you don't need to alter the picture, but you just want to play around with filters and lighting, I suggest Adobe Lightroom. The mobile version is free and easy to use.

If you want to create visuals or animations with your pictures, use Canva. You can do a lot with the free version!

Step Four: Things to edit for a consistent feeling

  • White balance: Make sure every picture has the same white balance to keep the temperature of the pictures consistent (In Photoshop, use the levels tool for this)
  • Background: If you made a portrait picture by accident, and you need it to be square, expand your picture size and duplicate the background. (In Photoshop, use the patch tool for this)
  • Color Balance: Add or substract colors to represent the color of the product as good as possible. (In Photoshop, use the levels tool for this)

Step Five: Things to keep in mind

  • Make sure your filters don't alter the color of your product to avoid unhappy customers.
  • Choose a filter and stick with it throughout your website / social media to create a consistent look. You can always alter small things per picture if necessary.
  • Choose a calm background for your product pictures so the products are clearly visible.
  • Have fun with it! Turn this into a creative process to capture attention and show off your brand identity.

This was the last part of three explaining how to create pictures for your webshop.

Click here to read:


Author: Britt Van Damme for House of Bones - 2021


Leave a comment

Please note, comments need to be approved before they are published.