This is a guest blog post by Paula Jakubik from Pixc.
Your product photography is by far one of the most important things for your eCommerce store. After all, visitors to your store can’t see, touch or smell your products, so it’s important to help your potential customers visualize them.
In this post, I’ll show you how to set up your very own DIY studio and shoot your own product photos. I’ll also take you through some tips on how to optimize your product images for eCommerce, so that you can increase your online sales. If you’re interested in learning more about product photography for product pages, check out this post.
Let’s get started!
Part 1: How to Shoot Product Photos
Understand your camera’s capabilities
There’s no denying that DSLRs are capable of taking better photos than smartphones. However, smartphone cameras are getting better and better, and the trick to great product photography is actually in the setup. You can take high quality, professional-looking product shots on a smartphone. That being said, it’s important to understand what your camera is capable of so that you can use it to its full potential.
DSLR product photography
If you’ve invested in a DSLR, then you should definitely make the most of it and shoot manual. Start by getting familiar with the ‘exposure triangle’; aperture, shutter speed, and ISO. These three elements will determine how light or dark your image is, and the idea is to find the perfect combination for your setup and product.
The aperture is the opening in the lens that determines how much light your camera will let in, and it’s measured in f-stops. It’s pretty straightforward — larger openings allow more light to pass through the lens and subsequently produce a brighter image. The confusing part is that the larger the f-stop number, the smaller the aperture.
So, why can’t we just use the aperture to control the brightness of the photo? The aperture also determines the depth of field, or in other words how much of the product is in focus. A small aperture will capture everything in the frame, whereas a large aperture is likely to leave the back of the product blurry. If you look at the two photos below, they were taken with apertures of f-1.8 and f/10 respectively.
The trick is to find an aperture large enough to produce a well-lit photo, but small enough to capture the entire product clearly. Start with f/8 or f/10 and work your way up/down from there.
The shutter speed is the amount of time the opening in the lens is open for. Outside of product photography, shutter speed is altered in order to determine the way a moving object appears in the photo. However for product photography purposes, it’s important to use a slow shutter speed to allow for a smaller aperture. Once you’re happy with your aperture setting (i.e. the entire product is in focus), you should adjust the shutter speed until you get the brightness level you need.
The last element of the trio is the ISO, which is your camera’s sensitivity to light. Increasing the ISO will allow you to take photos when the lighting conditions aren’t great, however this does decrease the quality of the photo. You should never exceed 400 as you’ll start getting some camera noise. If you can’t take a well-lit photo under 400, your light sources aren’t bright enough.
Smartphone product photography
If you’re using a smartphone, avoid using any pre-defined filters and frames and don’t touch the digital zoom, which actually just crops the photo as you shoot. All of this will decrease the quality of the photo, so save these kinds of adjustments for the image production stage.
Take advantage of the auto-focus and tap on the product prior to taking the photo. There are also a number of iOS and Android apps that allow you to control some of the manual settings (though the results won’t be the same as using a DSLR).
And regardless of whether you’re using a DSLR or a smartphone, never use the in-built flash. If you know what you’re doing, you can use an external flash. But generally speaking, if your product is too dark, this is a sign that you’re using insufficient lighting.
Steady your camera
So many eCommerce store owners overlook this step! Even if you have the steadiest hands IN THE WORLD, they won’t compare to using a tripod or a smartphone mount. This will ensure that you have track-sharp images, even if you’re working with a slow shutter speed.
A fool-proof method of capturing clear and crisp photos is to use a tripod or mount and set a timer on your camera. When you press down on the shutter, or even lightly tap the capture button on your smartphone’s touchscreen, you apply a downward/forward pressure to the camera — setting a timer will allow your camera/smartphone to re-stabilize. I like to use a 2-second timer because I find that it gives my camera just enough time to return to a steady position (and I’m too impatient to sit through the 10 second timer beeps).
Set up a white backdrop
The key to a good setup is to shoot against a white backdrop. The white backdrop will reflect white light back onto your product and prevent any color spills. It’ll also ensure that your camera’s white balance calibration is on point, which will result in accurate colors.
Using a sweep is definitely the way to go, which is just a backdrop that seamlessly transitions from the vertical to the horizontal surface. For smaller products, definitely opt for a shooting table and do tabletop photography; it’ll give you more flexibility with how you position the backdrop in relation to the light-source because of how portable it is. Buy a shooting table online or make your own with an old table, some scrap wood, a hammer and nails, spring clamps, and the sweep itself. I like to use white wrapping paper as my sweep because it’s smooth and reflective, but you can use anything you have on hand.
For larger products, it gets a little trickier. If you’re going to shoot frequently, buying a sweep with a stand will make your life a lot easier. If it’s a one off shoot, grab an old sheet and find something to drape it over. I’ve used a DVD rack before!
Shoot near a window
Unless you know what you’re doing, avoid using artificial light sources. They require a lot of skill and expertise to use and it’s not worth the time or money if you’re just starting out.
Natural lighting is the way to go, just make sure you use it indirectly. Taking photos by a window and in a well-lit room tends to work best. In terms of positioning, the window should be to the left or right of the product, never behind or facing the camera.
If you find that the lighting is too intense, diffuse it by covering the window with a white curtain/sheet or taping over it with white paper.
It’s also important to be prepared and get through the shoot as quickly as possible. The color and intensity of natural light changes throughout the day, so for consistent images, you need to be organized and work fast. Having an extra pair of hands will definitely help!
Grab a reflector
The only problem with shooting by a window is that the light will only hit the product on one side. To avoid harsh shadows and evenly distribute light across the product, you should use a fill light or a reflector. You can buy a reflector (there are plenty on Amazon) or create your own fill light with a white piece of card. Covering the card with aluminum foil will make it extra reflective.
You should place the reflector on the other side of the product, opposite the window. You’ll just need to play around with the angle of it to find what works best for you product and setup.
Part 2: How to Optimize your Product Photos for Ecommerce
Remove the background
A white background will really make your images POP. It’ll draw attention to the product and give the image a clean, professional look. Furthermore, white doesn’t clash with any other color, so you can reuse this same shot regardless of the website theme or platform design.
The most accurate way of removing the background is to use the pen tool in Adobe Photoshop. It’s not the only way; there are a number of background removal tools online and you can try using the magic wand and quick selection tools in Photoshop too, but you’re unlikely to get a clean cut around the product.
To use the pen tool, select the pen tool and mark an anchor point on the edge of your product. The idea is to work your way around the product, creating what’s called a ‘clipping path’ until you get to the first point and complete the path.
If you’re new to the pen tool, you’ll quickly realize that the tricky part is when the edge of the product isn’t straight. If you click and hold, you’ll see these two funny lines with dots at the end appear; these are called ‘bezier handles’ and can be used to manipulate the curve of the line. You’ll have to play around with the pen tool yourself to get the hang of how they work, but this video shows what happens when you move the mouse around.
Once you’ve completed the path, click ‘Selection’ at the top and hit enter. You’ll see that the product has been selected.
Swap to the selection tool, right-click the selected area, and click ‘Layer via Cut’, which will separate the background and product onto two separate layers. Delete the background layer and you’ll have the product on a transparent background (represented with grey and white checkers). If you’d like a white background, simply add a new layer and fill it in with white.
Although the results are amazing, unfortunately background removal does take time and it is quite a fiddly process, particularly when it comes to more intricate and detailed products such as jewelry. It’s a good idea to outsourcing the editing so that you (or your graphic designer) can spend time on more growth related tasks.
Keep the editing simple
You need to represent your products as accurately as possible. There’s nothing more annoying than receiving your online purchases and discovering that they’re nothing like what you imagined. You’d probably return the item and never shop on that store again.
So be true to the product and show it how it is; adjust the color balance of the photo to ensure that the colors in the photo match those in real life, and only tweak the brightness and contrast (or the levels if you’re Photoshop savvy) to give it a more professional look.
Apply a template
Creating a product image template is an easy and efficient way to make your product images look consistent. Start by choosing a size you’ll use across your eCommerce store — anywhere between 1200px and 1600px on the longest side is ideal because it’s large enough for an effective zoom function and to use across social media.
Note that the size you choose will be applied to all your product image, so you should think about the shape of your product when you’re choosing your dimensions. If your product are longer vertically, a portrait template might be better. Similarly, if you have really wide products, a landscape template will help you reduce the unnecessary amount of space at the top and bottom.
The easiest way to create a template is to create a blank file in Adobe Photoshop and to resize it to the dimensions you want. Use guides to identify the center-point by creating a vertical and horizontal line at 50%, which will help you position your products later.
Your products should take up around 90% of the canvas, so it’s also good to create equal guidelines around the edges. When you drag each individual product into the canvas, resize it until either the top and bottom or left and right sides of the product touch the guides.
Doing so will allow you to align your products, which is a lot more noticeable when they’re all next to each other on a white background. If you look at the two rows of product images below, it’s easy to see that the first row has been created without a template; the shirts are all different sizes within their own canvases. This is likely to happen when you resize your products by eye. On the other hand, it’s clear that the products in the bottom row were resized using a template, as the top and bottom of each shirt is aligned.
Reduce the file size
As can be expected, large images take longer to load. When I say large, I’m referring to file size rather than the dimensions of an image, i.e. the value in KB, MB, GB etc. Seeing as 47% of users expect a webpage to load in under 2 seconds, and 40% will abandon a page that takes more than 3 seconds to load, it’s important that your images are small enough to ensure a speedy site.
It’s possible to reduce the file size without significantly reducing the quality of your images. My favorite method of reducing file size without significantly reducing the quality of the image is to use use Photoshop’s ‘Save for Web’ function. Open your image in Photoshop and go to File > Export > Save for Web (Legacy)…. A window will appear which will allow you to choose your export quality. I find that a quality of 60 works best because it drops the file size down to below a megabyte and there’s no noticeable difference in quality.
If you take a look at the photos below, the left shot of the earrings was saved as a regular JPEG image, with the quality level set to 12 or ‘Maximum’. The shot on the right is an exported web JPEG, where the quality level was set to 60 or ‘High’. The difference between the two is barely noticeable; the right is simply a little less saturated in terms of color.
Product Photography Conclusion
So what are you waiting for? Grab your camera, set up your studio, and snap away! Although optimizing your product photos for eCommerce may seem like a lot of extra work, the results are worth it!
Take the time to get them right, because amazing photos will make your eCommerce store look a lot more professional and you’ll also be able to use them across social media to drive traffic to your store. Plus, once you get into a routine, you’ll be pumping out retail-ready product images in no time.