Tutorials
Transparent Product Images: Find and Fix a PNG's White Background
Find out whether a white background is in your PNG, its export or the page displaying it. Check transparency locally, clean up halos and preserve product details.
Make it with Panelly
Turn inspiration into your next product ad
Bring a product image and an idea. Create a four-panel ad, a coordinated asset set, or a video with Panelly.
Create with Panelly Edit the brief before you generate.
If a PNG still has a white rectangle around your product, changing its extension will not help. Open the saved file over both a dark and a colored background. If the rectangle stays white, the file contains opaque pixels. If the background shows through, the file is transparent and the white probably comes from the viewer or page underneath it.
Check your image locally. This small checker reads the file in your browser, counts transparent pixels and previews it against light and dark surfaces. It does not upload the file. A positive result means some pixels are transparent; you still need to look at where they are.
A one-minute check before you remove the background again
- Save the actual image file. Do not take a screenshot of a checkerboard preview: that can turn the checkerboard into part of the picture.
- Open the saved file in the checker, or place it above two solid-color layers in your image editor. Use a dark background first, then a bright contrasting color.
- Look outside the product and through its openings. A mug handle, a bag strap and the space between two objects should reveal the new background where appropriate.
- Check the edge separately. A thin white outline can remain even when most of the background is transparent.
Adobe's format comparison confirms the basic distinction: PNG supports transparency; JPEG does not. That says what the format can store, not what a particular file contains.
| Result | What it tells you | What to do next |
|---|---|---|
| No transparent pixels; white rectangle stays visible | The saved picture is opaque | Remove or mask the background, then export with transparency enabled |
| Transparent pixels; product sits cleanly on both backgrounds | The file has useful transparency | Check the destination page before editing the file again |
| Checkerboard squares stay visible on both backgrounds | The squares are image content | Return to the original image; remove the background rather than screenshotting its preview |
| Background disappears, but a pale edge remains | The cutout needs edge cleanup | Refine the mask where the old background contaminates the outline |
| Every pixel is transparent | The export is empty | Restore the product layer and export again |
Fix the white rectangle without damaging the product
In an editor with layers, unlock or duplicate the source image, select the background and create a mask. Keep the original underneath but hide it before exporting. An opaque original layer left visible can put the white rectangle straight back into the export.
For a blue canvas bag, inspect the holes under both handles. Removing only the area around the outside leaves white patches inside them. Then examine the zipper, loose fibers and narrow straps: an aggressive selection can remove those along with the background.
Export a new PNG with transparency enabled and no solid background layer visible. Open that exported file again. The file you deliver matters more than the editor's preview.
If you are asking an image model to make the cutout, this is a useful starting request:
Remove the background around this blue canvas bag, including the spaces inside both handles. Return the bag on a transparent background, not on a drawn checkerboard. Preserve the handle shape, seams, zipper and existing label. Keep the full product inside the frame. Do not add a new scene or a floor shadow.Check the saved output using the same two backgrounds. The request describes the target; the checker tells you whether the exported pixels actually contain transparency.
Fix a white halo before trying a harder cut
A pale fringe on a dark surface often comes from edge pixels mixed with the old white background. First refine the mask at the problem edge or use your editor's edge-color cleanup. Work at 100% zoom, then check the image at its intended display size.
Avoid shrinking the whole selection until the fringe disappears. That may also shave off a thin strap or change the bag's silhouette. On fabric, preserve believable soft edges; on a rigid buckle, keep the outline crisp. A single edge setting rarely suits both.
Glass needs a separate judgment. The outline can be transparent while the bottle still contains reflections and color from the original scene. Deleting everything inside the outline would erase the object. Retain those material cues, then check whether they belong against the new background.
The file is transparent, but my store still looks white
Download or open the image the live page actually serves and test that file too. Compare these three checkpoints:
| Checkpoint | If the white rectangle first appears here |
|---|---|
| Exported file on your computer | Revisit the mask, visible layers and export settings |
| File downloaded from the live page | Check the upload or image-delivery transformation |
| Only the page, while its downloaded file is transparent | Inspect the image container's background color |
A transparent bag on a white page should look white around the bag. There is nothing to remove. The useful test is whether the rectangle becomes visible when the container or scene changes color.
A clean cutout still needs a convincing scene
Transparency solves the outline. It does not decide the product's scale, the direction of the light or where a shadow should touch the table. For those problems, use the background-replacement comparison, which shows what to inspect after the cutout stage.
In Panelly Studio, reference the bag and describe the finished ad: “@image1 is the product. Keep its blue fabric and handle shape; place it beside a chair in warm window light. Include the headline ‘Ready for the everyday’ and the CTA ‘Explore the bag’ in the finished four-panel image.” You can generate the image and its copy together. A transparent input does not require a transparent final ad.
Keep the clean source cutout for later uses. Name the scene version separately so the next edit starts from the file you intended.
