Transparent Background vs. White Background: Which to Use on Amazon, Shopify, Etsy and Canva

The most common reason sellers upload transparent backgrounds to Amazon is that they don't realise they did it. They processed the image in Canva, exported it as PNG, and got a file that looks white on their screen. Amazon's system sees the alpha channel and suppresses the listing.

One day it's live. Next day it's gone from search results. Support tells you the image is non-compliant. You stare at a file that looks completely white on your desktop.

This is that situation, explained — and the platform-by-platform rules so it doesn't happen again.

What a Transparent Background Actually Is (The Chequered Pattern Explained)

A transparent background is stored in the image file as an alpha channel — a fourth data channel alongside red, green, and blue, encoding opacity pixel by pixel. Where the alpha value is 0, there is literally nothing. No colour. No fill.

Image editors display transparent areas as a grey and white chequered pattern. That grid is not a background. It is a convention, a visual placeholder that means "nothing is here." It renders differently in every context.

Put that image on a white page and it looks identical to a white-background image. Put it on a blue page and the product sits cleanly on blue. Put it on Amazon — which renders alpha channels as grey — and your product image looks broken.

Format matters here. Transparent images must be saved as PNG — specifically PNG-24 or PNG-32.

JPEG does not support an alpha channel at all. Download a transparent-background image and save it as JPEG, then open it: the background will be black or white depending on which application handled the conversion. Not transparent. WebP supports transparency if you need smaller file sizes for web use. GIF supports a crude one-bit version — a pixel is either fully transparent or fully opaque, which destroys soft edges, fur, hair, and shadows. For product images, PNG is the correct format for transparency.

Pure White (#FFFFFF) vs. "Looks White": The Difference Amazon's System Detects

A white background fill means the image contains no transparency at all. The product sits on solid RGB 255,255,255 pixels, edge to edge. On a white webpage, a white-background image looks identical to a transparent one. The moment the background behind them is any other colour, the difference is obvious: the white-background image shows a white rectangle.

Amazon enforces RGB 255,255,255 exactly. Not 250,250,250. Not 245,245,245. Not "basically white."

Amazon's automated image checker flags off-white backgrounds. Listings with non-compliant main images get suppressed — they disappear from search results until you fix the image and resubmit. Many AI background removal tools, and almost every in-camera white seamless shot, produce backgrounds that are slightly grey or cream. They look white to the human eye. Amazon's system disagrees.

This is the second most common cause of suppression after the transparent alpha channel issue described above. Both are invisible problems — you cannot see either on a standard monitor without the right tools.

White-background images can be saved as PNG or JPEG. PNG preserves full quality at larger file sizes. JPEG compresses to smaller files with some quality loss. For e-commerce, a white-background PNG is the safest default if you are repurposing images across multiple platforms.

Use White Background Here: Amazon Main Images, Shopify Grids, Google Shopping

Amazon main images: required, no exceptions. A pure white background at RGB 255,255,255 is a platform rule, not a preference. Transparent backgrounds trigger suppression. Off-white backgrounds trigger suppression. There is no grey area (literally or figuratively).

Shopify hero images: strongly recommended for most product categories. Consistent white backgrounds across a catalogue create a clean, professional grid on collection pages. Mix in a lifestyle shot, a grey studio image, and a transparent PNG and the collection grid looks chaotic before the customer has read a word. Most Shopify themes use white or near-white product card backgrounds — white-fill images blend in; transparent PNGs do too, until someone changes the theme.

Google Shopping product feeds: Google's own merchandising guidelines favour clean backgrounds in Shopping results. The format is a dense grid of products competing for a click at small display sizes. Clean backgrounds keep the product readable. Cluttered backgrounds, gradients, and visible shadows all reduce legibility at thumbnail scale.

Print-on-demand platforms: Printful, Printify, and Redbubble composite your product image onto their mockup templates. They expect a white-background PNG. Their pipeline places your image onto the t-shirt, mug, or tote; white background pixels integrate cleanly. Transparent works too, but white is what their documentation specifies and white is what their previews are built around.

Wholesale catalogues and PDFs: if your images end up in a printed or digital catalogue, white background is the only safe choice. Transparent areas in PDF and Word compositing are handled inconsistently across print environments.

Use Transparent Background Here: Stickers, Canva Compositing, Coloured Shopify Themes

Digital sticker product files: if you sell stickers on Etsy, the transparent PNG is the product. Buyers download it to drop into their planner apps, print-at-home projects, or digital sticker packs. A sticker file with a white background is a broken product.

Canva compositing and lifestyle marketing: this is the standard workflow for e-commerce creative teams producing social ads and email visuals. You start from a transparent PNG of the product, drop it into Canva on a lifestyle background, and the product sits in the scene without a white box around it. White-background images used in this workflow require manual masking to remove the fill — that is extra work that transparent PNGs eliminate.

Shopify themes with coloured product cards: some Shopify themes display product images on a light grey, beige, or branded-colour card. On those themes, a white-background image shows an obvious white rectangle around the product. A transparent PNG integrates into whatever the theme uses. Check your theme's product card background colour before processing your whole catalogue as white-fill only.

Amazon and Etsy secondary images: once the main image meets the white-background requirement, secondary images can be transparent PNGs composited into lifestyle scenes — product on a kitchen counter, on a desk, held in a hand. This is standard practice. The two formats are not in conflict.

Social ad compositing: same logic as Canva. Transparent PNGs drop into any creative without a masking step. If your social creative team or agency is building assets in Figma, Photoshop, or After Effects, transparent is the format they need.

The Complete Decision Table: Every Platform, Every Use Case

For reference, here is the full platform breakdown:

| Platform / Use case | Use | Reason | |---|---|---| | Amazon main image | White (RGB 255,255,255) | Platform requirement; suppression if non-compliant | | Amazon secondary images | Transparent preferred | Lifestyle compositing; no white-box artefact | | Shopify hero (collection grid) | White | Grid consistency; most themes use white cards | | Shopify — coloured theme cards | Transparent | White fill shows as rectangle on non-white cards | | Shopify secondary images | Transparent preferred | Lifestyle compositing | | Etsy — jewellery, cosmetics, stickers | White | Clean presentation standard in these categories | | Etsy — digital sticker product file | Transparent | This is the deliverable itself | | Etsy — home décor, clothing | Lifestyle preferred | Category context matters more than cut-out format | | WooCommerce | White (recommended) | Most themes use white product card backgrounds | | Printful / Printify / Redbubble | White | POD platform composites onto their own templates | | Google Shopping product feed | White | Legibility at thumbnail scale; platform preference | | Canva / Figma / Photoshop compositing | Transparent | Placing product on a designed background | | Digital download product files | Transparent | Buyer needs the file without background fill | | Social ad creative | Transparent | Agency / design tool compositing workflows | | Wholesale catalogue / PDF | White | Print environments handle transparency inconsistently |

Get Both Outputs from One Upload — No Re-Processing Needed

You do not have to pick one format at upload time and come back to re-process.

ProductBG processes your image once and gives you both outputs: white-background PNG for your Amazon listings and Shopify collection grid, and transparent PNG for your Canva compositing, sticker product files, and any theme with a non-white card background. Run the batch once, download both versions from the same upload.

The standard alternative is two separate workflows: one session or tool for white-background output, another for transparent. Two processes, two places to manage files, double the time spent on something that is not the product or the marketing.

On the Starter pack you get 100 credits for €9 — that's €0.09 per image. Growth is 500 credits for €29 (€0.06/image) and Pro is 2,000 credits for €79 (€0.04/image). New accounts start with 10 free credits, no card required. Both output formats come from the same credit spend.

Use white background (RGB 255,255,255) for Amazon main images, Shopify collection heroes, and Google Shopping feeds. Use transparent background for sticker and digital product files, Canva compositing, and Shopify themes with coloured product cards. Get both from one upload with ProductBG.

Sources

1. Amazon Services LLC. Product image requirements — main image. Amazon Seller Central Help. Updated 2025.
2. Shopify Inc. Product images. Shopify Help Center. 2024. help.shopify.com/en/manual/products/product-media
3. Mozilla Developer Network. PNG — image/png. MDN Web Docs. developer.mozilla.org — technical reference for PNG alpha channel specification
4. W3C. PNG (Portable Network Graphics) Specification, Version 1.2. w3.org/TR/PNG — authoritative specification for transparency in PNG format