Instant Alpha selects areas that are similar in color and contrast, so this may not be the best tool to use if you have a busy or complicated background image. Shots are on-location with models in motion, interacting, styled and propped. You will see in our picture that the shoe is selected, but so is some of the background. Building and propping a studio location allows you to control light and create consistent images. It’s also a good way to gain followers to your Instagram feed. As you can see on the left, the alternate shots of a dress on the product page are more traditional studio images. There’s always more to learn, and that’s a good thing. Whether you’re creating a website for a fashion retailer, a print ad for a corporate service, or a social image for a food product, there’s a background that will work perfectly! When the background layer is deleted, you are left with a perfect product image with a transparent background. Note: Never upload an image that’s too large. Most sellers are worried, quite rightly, about creating color confusion for the customer. ), making it easy to apply edits selectively to only the background or only the subject. Ghost Mannequin Photography: A Step-by-Step Guide to Mastering the 3D Effect [Updated in 2020], Product Photo Retouching Techniques to Grow Sales (+ Reinforce Brand Value), The Complete Ecommerce Product Photography Guide to Starting Up, Selling More and Reinforcing Your Brand, How to Build Your Own Ecommerce Photography Studio, A Step-by-Step Guide to High Quality Product Images Shot with Your Smartphone, Purchasing Photo Studio Lights: The Pros and Cons of Continuous, Speedlight and Monolights for Product Photography, How to Add Shadows to Product Images to Increase Sales, Photographing Highly Reflective Products: Light Your Way to More Sales, White Backgrounds Be Gone: How Brands Add Color and Creativity to Product Photography. No product background image is going to be the exact same so it’s a matter of playing around with these settings to get it right and get familiar with the different containers and their possibilities. You can be certain that all the product images with a colored background were shot against a white or gray backdrop, and then colored in post-production. Now it is time to select your background for deletion. On the product page, alternative images have more traditional backgrounds. This makes the image more dynamic than a simple product shot on a white background. That allows your customer to get a more complete understanding of your product, and reassure themselves regarding style and fit before placing an order. We analyzed seven million images and found that 76% had their original background replaced with pure white. Have any more questions about editing product photos? Choosing a white background is a good tip if you’re using your product photos beyond social or your website, and it’s a requirement if you’re using these photos for product listings on Amazon . Zara likes to mix in solid colored backgrounds on their category pages, alongside traditional white and neutral backgrounds. We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Once you have deleted a majority of your background, zoom in around the edges and make sure to delete any background remaining around the edges of your product (we call this a halo effect). Start a business selling in-demand products, Find a niche or business idea and get started, Practical steps for starting a business from scratch, Everything you need to know about selling t-shirts, Sell customized products without holding inventory, Learn about the dropshipping industry and how it works, Get inspired and launch your own business. Ensure accurate white balance during photography by using a gray card and adjusting your camera settings. An additional 16% removed the background and opted for transparency, while the bulk of the rest simply stuck with their original background (usually white). If your background color isn’t perfectly consistent, you will likely need to select the background and delete multiple times, adjusting the tolerance as you go. Photographer Jeff Delacruz shares how you can create your own photo studio and take beautiful product photos for less than $50. Natural shadow lighting setup Product must occupy at least 85% of frame on limiting dimension of longest side. WooCommerce uses three types of Product Images for different locations and purposes: 1. He has been working in ecommerce for the last 15 years. Removing the background makes your images more consistent, removes distractions, and minimizes file size. Think of where your product is used the most when you’re looking for a location for the shoot, or thinking of the environment you wish to create. Single Product Image is the largest image and refers to the main/featured image on your individual product details page. If you’d rather spend your time and money on creative photography in order to brand yourself, consider outsourcing your product image editing. In that case, an image that’s 2000px wide may work better for you. Once you select your image, you are going to need to add an Alpha channel to the image so you can achieve a transparent background. Adobe Photoshop is the go-to image editing software for graphic designers worldwide. Once you’ve mastered removing the background, you should work on defining standards for consistent cropping, sizing, alignment, and margins. Your first option is to use the “Smart Lasso” tool. Shabby Apple’s light yellow and off-white flowers on a white wall, with subtle related propping like holding a flower, is a nice example of supporting your product without overwhelming it. GIMP is open source image editing software available for free for both OS X and Windows. He has been working in ecommerce for the last 15 years. You will see areas of the image changing color to indicate your selection. The pen tool is great for curves, so we are going to be using it to go around the sole of the shoe and inside all the sole’s grooves, bumps, and rounded edges. Your first option is to use the “Smart Lasso” tool. Even better, this amazing technology is also available to use with most of our photo editing tools and effects (including Artsy! If you have a product that’s detailed or complicated however, uploading a larger image will allow potential customers to zoom in and see those details up close. The program then uses that outline to determine where the border is between your object and the background, and selects the objects. Zara stays neutral for subtle color variations, then goes dramatic again for a solid white product. There's also free photo editing software, as well as more scalable alternatives. However, if you’re serious about optimizing your product images, Photoshop is going to give you all the power a professional image editor needs. There is also two ways to make an image cover the entire background. If this is the case, you can go to the top of your screen and adjust your tolerance until only the background is selected. Preview is a native Mac OS X application used to load images and PDFs. Preview has nowhere near the editing power of Photoshop—you’ll only be able to do things like background removal, cropping, and resizing—but, if you’re a Mac user, this is a great, free option that you already have access to. Costs can get pretty steep in a hurry. Nice post and wonderful photography with white backgroudn tips and tricks here . Use the background remover tool to get a clean canvas for your photo in seconds. I personally loved “Solid Color Backgrounds – Zara”…..the models were also awesome…..want more info like this. 3. In most cases, minimalist product photos look their best with a clean, white background as it eliminates any disruptions. As you probably noticed, most of these approaches are for category pages and their equivalents. If you’re itching to try something new, or looking for creative ways to brand your category pages and product images, here are four alternative approaches to white or transparent backgrounds that successful companies are using today. How to Make Background Transparent in Photoshop [Step by Step Tutorial] Step 01: Use the photos in the layered file First, open Photoshop. Via Pixelz product image report. Lifestyle shots are never the lead image but may feature in the product page and marketing materials. Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free. Some shoppers use image search engines to find a product with Thanks to remove.bg's clever AI It means you can improve, and if your images improve so too will your business! Out of seven million edited product images, about 92% removed the background. Well, to start with, probably several thousand dollars a day for just a photographer and model. This will allows us to remove only the background of the image at the end. Zara sometimes uses dramatic solid colored backgrounds, particularly when the product itself is solid black or white. With Adobe Stock, you have access to more than 100 million high-quality, royalty-free images including photos, graphics, videos and … You’ll start receiving free tips and resources soon. Let us know in the comments below! thanks for such a useful post . Then open the image of the product in it. Throughout your website, in emails, on Instagram and other social networks, in a brick-and-mortar store if you have one, in catalogs –– everywhere, really. Colorfully patterned products need a neutral background for accurate perception. To use GIMP, start by loading up the image you want to edit. Inside the program, your tools for removing the image’s background can be found under the “Select” dropdown menu by clicking the icon in the top left of the markup toolbar. A 4. By entering your email, you agree to receive marketing emails from Shopify. Tiles can be used as the background of your product photos to achieve a number of effects. Next, minimize the … Plus, many marketplaces require white or neutral backgrounds for product images, and you really don’t want to reshoot for different channels. It’s a modern approach with a plethora of benefits. Paint.net is an app available online as a free download which offers a fairly wide range of tools, including the ability to easily remove image backgrounds. Make sure to “save as” a PNG file to keep your transparent background! Once you have selected “Instant Alpha” from the markup toolbar (it’s the icon that looks like a magic wand), simply click and drag on the image’s background. What you should end up with is a selection indicator that looks like marching ants outlining your product. To begin, we are going to duplicate the background layer. Even colorful Zara uses neutral backgrounds on their product pages. Required fields are marked *. We’ve edited over fifteen million product images at Pixelz, and the statistics are pretty clear: Ecommerce site owners love white backgrounds. Thomas Kragelund is the CEO and founder of Pixelz, a leading product image solutions partner for internet retailers, bloggers, designers, photographers and webmasters worldwide. If you’re handling your store's design tasks, there may be more options to remove image backgrounds than you realize. To remove the background, you can go to “Edit” and then “Invert Selection,” and this will select everything except your object. Shopify Academy Course: Product Photography. There is a chance that when you select your background with the Magic Wand tool, it will also select part of your product. Calm down: we love white backgrounds, too. Div content is on top of the div's background image like web page content is on top of its background image. Background For best The less formal nature of Instagram, and the way each image is expected to be self-contained, allows for a huge variety of settings. Combine a white bounce card at the front and black bounce cards in the back for a more sophisticated lighting setup. Any divs on a page can have their own background image. The result will be a perfect outline of your product and we can now remove our background. Once you get to an actual product page, product images have white, transparent, or neutral backgrounds. First, you can set the background-size to the size of the screen with background-size: 100% 100%; , but this will stretch the image and may distort the image too much. In this tutorial, we are going to create a website product page using HTML, CSS3 and jQuery.You can use it for product presentations on your shop website. Sign up for our weekly newsletter. Remove the Background of Your Product Photos with These 4 Editing Tools. Very nice traditional products and many more …please add more products. In fact, all Zara’s product pages (as opposed to colorful category pages) feature product images on a neutral background. Hope that helps! Removing the background makes your images more consistent, removes distractions, and minimizes file size. Images must not be blurry, pixelated, or have jagged edges. Whether you want to refine some elements in your image or achieve a more textured background, this tool will help bring your vision to life. Thomas Kragelund is the CEO and founder of Pixelz, a leading product image solutions partner for internet retailers, bloggers, designers, photographers and webmasters worldwide. Your email address will not be published. A lookbook will cost you, but it’s worth it. Then background-attachment property defines whether to scroll the image with the content or keep it fixed. Background removal is a great first step in optimizing product images for the web. Let us future-proof your backend. Don’t get too cheap out there, or the rest of your time and money will be wasted. In the online photo Background Changer, simply click on the Eraser and start refining your image. Or if you decide to become a multi-channel seller and include Amazon as a marketplace, one of their image requirements is that backgrounds be pure white (RGB 255, 255, 255). Whether you remove the background using a free application like Preview, Paint.Net, and GIMP, or professional tools like Photoshop, the fact that you’re working on improving your images means you’re on the right path. Using themed backgrounds can be an effective branding strategy, but remember: your product is the star. Image must not contain text, logos, borders, color blocks, watermarks, or other graphics over the top of a product or in the background. Everything you'll need can be found in Product Photography for Ecommerce; however these are great options to get you started. Trend Director uses their Instagram feed like a category page on their homepage. For example, with Google Shopping campaigns , your product photos can only have white, gray or lightly colored backgrounds to be shown. Pen Tool: Our second selection is the pen tool. To do this, go to “Layer->Transparency->Add Alpha channel.” This will tell the program to create a transparent background when you delete the existing one. For inspiration, look at a range of designs from the sector you’re working on, and note the common features of backgrounds used by the designers. From there, it is a quick click of the delete button, and you are left with just your object and a transparent background. In such cases images will stack on top of the next one and the content will aligned verti… for Designers Design as you Shabby Apple produces themed collections, like “Blossom Bright” and “Silver and Ice.” All photos of products within the collection share context — they’re shot in the same studio or at the same destination location. When a product has subtle patterns or color variations, they use a more traditional white or gray background. First, start with a large brush size to paint around the edges of the image, getting close to the edges of the product but leaving space to come back for detail work. Catalog Images are medium-sized images appearing in product loops, such as the Shop page, Product Category pages, Related Products, Up-sells, and Cross-sells. Automate your workflow With remove.bg for Windows / Mac / Linux you The bottom line for smaller ecommerce stores like mine is that we go white for the lead image because that’s what channels like Amazon demand. You’ll be able to use your lookbook images a variety of places. Trend Director uses their own Instagram feed to create a shoppable, constantly updating homepage. Great tips and tricks you have shared with us about white background product photography . All those square images? Clicking on an image allows you to identify items and navigate to the product page for any product. Let’s take a look at the four ways to remove the background of product photography for your online store. You can use either fixed or scroll as the value of the background-attachmentproperty. It depends on how you captured and edit your photos exactly. To do this, go to your Tool Box and select the “Fuzzy Select Tool.” Then, simply begin selecting and deleting the background of the image, adjusting your threshold as needed to keep from deleting part of your product. Remove backgrounds, crop, align, set margins, and improve your product image consistency. Glad to see this post here guy and hopping always you’ll share such helpful post with us . Most of the picture is in JPG format. Erase unwanted parts from your image, or make your outlines more precise. Your email address will not be published. 3. Follow the guidelines provided in the Amazon product image requirements to ensure your product images … Adding black foam board to the sides, just outside of the photo, behind the product will create a dark edge on the white product. … To remedy this, we are going to specify our selection using the Pen Tool. for Ecommerce Product photos free background remover for eCommerce. When you are finished cleaning up the edges of your image and are ready to save it, you want to make sure you save it as a .PNG file, because a file format like JPEG will cause you to lose your transparency. GIMP is a much more powerful image editing tool than either of the options we’ve previously looked at, and is more legitimately a Photoshop alternative. It would be much better if you add the shadow on your product with a white background. While product photography will obviously focus on your product, consider what’s going on behind the subject of the image and make sure it enhances - and doesn’t detract from - the product itself. Ideally, your background is either white or another solid color as this will make background removal much easier. But you might not know how to remove image backgrounds yourself. Inside the program, your tools for removing the image’s background can be found under the “Select” dropdown menu by clicking the icon in the top left of the markup toolbar. Now, with your selection perfected, we are going to go delete both the background in the image (simply by clicking the background and pressing “delete”) and the background layer. Change an image background in seconds No matter what background your photo currently has, with this template you can easily replace it with a better one. Shabby Apple’s “Blossom Bright” collection has a consistent themed background matching the brand and collection’s aesthetic. Shooting on-location is considerably more expensive and slower than studio photography. Free People uses on-location lookbook images on their “Dresses” category page to create a complete vision for their brand. Sure, there’s Photoshop, but it’s not the only option. But in terms of speed, this is an incredibly fast way to select and remove the background of your image. Surface Choose a flat surface in a space with enough room for your background, product, and tripod/smartphone. The images aren’t expected to be visually consistent, so long as they stay on brand. That said, there’s a big difference between category pages and product pages, and there’s room for creativity in ecommerce. Get your product images ready for Amazon, eBay, Shopify, Etsy and other eCommerce platforms using Removal.AI. Now we’re going to paint over the distracting background to make your product stand out. You can also use Photoshop, an image editing tool, to remove the image background and have a standard white background for your product photos. When you click on a photo, all the product images for that item are from the same shoot and show alternate angles, maintaining continuity for shoppers. First you need to add a background image to a HTML container. If you’re a Mac user, you probably use Preview all the time, but you might not know that it can edit images and remove backgrounds too. This is a great tool for large, general areas, but it won’t perfectly outline some of the finer details of the shape (like laces, for example). When you upload the image, the tool automatically detects the background and removes it. Main image must not include multiple images of the same single product. When using natural shadows, the post-production work is minimal because your shadow already exists. 2. Once you have made your selection around the selected background, right click and go to “make selection” and then “subtract from selection” to make a perfect outline around the shoe. Product pages contain alternate angles with the same model and background. There are many different colors, sizes and textures in tiles, so you have lots of room to be creative and experiment. Plain & Vector White Background Images License Info: Creative Commons 4.0 BY-NC White color is the color of purity, cleanliness and neutrality. Shabby Apple doesn’t just use themed backgrounds for the category pages. Image Zoom using WooThumbs for WooCommerce. In the meantime, start building your store with a free 14-day trial of Shopify. Opt for a black tile for elegance and sophistication, or white for … Note: Uploading an image does not guarantee that it will be displayed on the product detail page or search pages.Amazon uses algorithms to determine display images. While other light colors like pale blue, pink, and yellow can often work well, white is always a great option to ensure your product is the star against a crisp and clean background. In this tutorial, we’ll use Google Fonts, specifically Roboto.. You can clean up your edges with either the “Eraser” tool or with your Magic Wand tool. Product photos can be a big help for your SEO efforts. Lets say you have 4 containers with fixed background attachments at the same position. Try Shopify free for 14 days, no credit card required. A plain white background works well for standard product photos. Which Ecommerce Metrics and KPIs You Should Measure (And Why They’re Important), Everything You Need to Know About Achieving PCI Compliance [Checklist Included], How to Write and Promote a Return Policy Customers Love (Includes Example Refund Policies From Real Ecommerce Businesses), The Complete Guide to Advertising on Facebook: Strategies That Convert [in 2021], How to Master Product Photography on a Tight Budget (We Did it With Less Than $50). Tiles. Save my name, email, and website in this browser for the next time I comment. The best advice I can give here is to tell you to find the right photographer. Removing an image’s background has a wealth of benefits including easy integration across sales channels, increased attention on your product, and improved page loading speed. Product photography is the most important to grow your product selling. Once you get to an actual product page, product images have white, transparent, or neutral backgrounds. If you need to, you may want to go around the edges with the Eraser tool to clean up any spots that the Fuzzy Select tool missed. Those are Instagram posts. We preach the advantages of removing the background all the time; we even used to be named “Remove the Background.”. If you’re a Windows user who is now sad that you don’t have access to Preview, don’t sweat it, because we have a little something for you as well. If you’re a Mac user, you probably use Preview all the time, but you might not know that it can edit images and remove backgrounds too. With your image loaded up in the program, go to your toolbar and select the “Magic Wand” tool. Use marketplace compliant templates and connect with e-com platforms. There are approximately 20 million more interesting activities than removing backgrounds by hand. Don’t miss a post. Free People uses lookbook images taken on-location on their category pages. Zara avoids that problem by using colored backgrounds mostly with solid black or white products. While the other options on this list are free and therefore lighter on features, Photoshop requires a monthly $10 subscription from Adobe as part of the Creative Cloud suite. To do this, make a perfect outline around the area of the shoe you want selected (in this case, an outline of the sole of the shoe) and then finish with a circle around the selected background area. Remove image backgrounds with ease, straight from your browser. Using the Magic Wand, click somewhere on the background of your image. This tool allows you to draw around your object with a fairly blunt outline, and thus, fairly quickly. Whether you need to create a transparent or solid-colored background or replace the background with a new image, this Background Remover is going to be your new go-to. Once you get to the actual product page you get a more traditional white or neutral background, along with alternate angle and detail shots. With our automatic background remover, you can You focus on building your brand. Background Burner As the name suggests, the tool burns the background offering a transparent image. Remove Background from Image Automatically & Free Vance AI Background Remover uses deep learning and advanced algorithms to remove image background in just 5 seconds. To select our product and separate it from the background we are going first use our Magic Wand tool to select the general shape of the shoe. There are plenty of great reasons to shoot on a pure white background and remove it in post-production. First, to get the job done, we are going to need to use two different selection tools: Magic Wand: The magic wand tool is going to help us select (outline) the shoe. For some industries, such as apparel and jewelry, image searches can drive a significant number of sales. Once the desired area is selected, use your delete key to remove it. Taken together, the images tell a story. Preview is a native Mac OS X application used to load images and PDFs. Photographing your product on a white background will also give the shadow greater depth. If you have to cut corners to save your budget, do it somewhere else –– like shooting locally instead of traveling. To set up your studio you need 3 things: a flat surface, a plain background, and a light source. Product thumbnails are the smallest images use… Sign up today and get 3 product images edited for free. T… If it’s a destination shoot, you’ll need to pay for airfare, accommodations, on-site travel and food for your entire crew. Even colorful Zara uses neutral backgrounds on their product pages. Preview also offers the “Instant Alpha” tool. Sign up today and get 3 product images edited for free. Look professional and help customers connect with your business, Find a domain, explore stock images, and amplify your brand, Use Shopify’s powerful features to start selling, Sell at retail locations, pop-ups, and beyond, Transform an existing website or blog into an online store, Provide fast, smooth checkout experiences, Reach millions of shoppers and boost sales. Don’t discard the next image you come across with a blah background — just replace it and give your image a new life. Don’t make your background too busy, or too different from photo to photo, or it will turn into a distraction. Get free online marketing tips and resources delivered directly to your inbox. The ability to scale up or down with seasonal needs, pay per image, and get processed images back in under 24 hours will simplify your workflow. With a div, the background image is constrained within the div. Even a brand like Free People, selling dresses at a $700 price point, doesn’t use on-location images everywhere.