Core Tools
Replacing the background
Add a solid colour, gradient, or image behind your cutout in the editor.
Overview
The Background tool lets you preview your cut-out against a new background without committing to it permanently. The background is a preview layer — it doesn't affect your export unless you choose to include it.
Background types
Transparent
The default. Shows the checkerboard pattern indicating no background. Export as PNG, WebP, or AVIF to get a file with true transparency.
Solid colour
Choose any colour via:
- The colour picker (click the swatch)
- The hex input field (type
#ff0000) - The eyedropper tool (pick a colour from your image)
Common uses: white (#ffffff) for product photos, black (#000000) for dramatic presentations.
Gradient
Set two colours and choose:
- Linear — flows in a straight line
- Radial — radiates from the centre outward
Drag the angle slider (0–360°) to rotate a linear gradient. Common use: soft studio-style background for portraits.
Custom image
Upload a background image from your device, or choose from the preset library (10–15 royalty-free backgrounds including studio gradients, solid colours, and natural textures).
The background image is scaled to fill the canvas proportionally.
Export with or without the background
When you click Export, you'll see two options:
- Export with transparency — ignores the preview background entirely, exports straight-alpha PNG/WebP/AVIF. The background you chose in the editor is discarded.
- Export with preview background — composites your cutout onto the background, exports as PNG or JPG. If you export as JPG, the background becomes the solid base colour (or white for gradient/image backgrounds).
Transparency vs background export
| Scenario | Recommended |
|---|---|
| Photoshop / Figma / Canva compositing | Export with transparency |
| Amazon product photos (white bg required) | Export with background (white) |
| Social media sharing | Export with background |
| Sticker packs | Export with transparency |
Checkerboard preview
The checkerboard pattern in the editor is a visual indicator — it's not part of the exported file. It simply shows which areas are transparent. PNG/WebP/AVIF files open with a checkerboard in any app that correctly handles transparency (Photoshop, Figma, browsers).