Working with Transparent Backgrounds
Export and use transparent-background images correctly across different file formats and platforms.
Learning Objectives
- 1Export a cutout as a PNG or WebP file with an intact alpha channel
- 2Understand which file formats support transparency and which do not
- 3Troubleshoot common transparency issues such as white halos and flattened alpha channels
When to use transparent backgrounds
After removing the background, you often need to export the subject with transparency preserved so it can be layered into other designs or placed on any colored surface. PNG is the most widely supported format for transparency, storing a full alpha channel alongside the RGB color data. WebP also supports alpha transparency with smaller file sizes, making it ideal for web use. JPEG does not support transparency at all and will fill transparent areas with a solid color, typically white, so avoid JPEG when you need a transparent export.
Exporting with alpha channels
When exporting from Magic Eraser, choose the PNG or WebP format and verify that the transparency toggle is enabled. Preview the export by switching the canvas to a checkerboard pattern, which represents transparent areas. Check that the checkerboard appears everywhere the background was removed and that no opaque remnants remain. If you see a thin white or colored outline around your subject, return to the edge refinement step and apply decontamination before re-exporting.
Placing subjects on new backgrounds
A common frustration is opening a transparent PNG in software that does not honor the alpha channel, which makes the background appear white or black. This is a display issue, not a file issue. Verify transparency by dragging the file into a design tool like Figma or Canva and placing it over a colored rectangle. If the background shows through, your file is correct. For web developers, ensure the CSS behind the image does not apply a background color that obscures the intended transparency effect.
Key Takeaways
- ✓PNG and WebP support alpha transparency; JPEG does not
- ✓Use the checkerboard preview to confirm transparent areas before exporting
- ✓White backgrounds on transparent PNGs are usually a viewer issue, not a file defect