Backgrounds and cutouts

Transparent or white background: which file do you need?

Transparency is reusable material; white is a finished visual choice. Keep transparency for layouts with changing colors, and add white when the destination needs a complete rectangular image.

You choose your own source and review the current cost before generation.

Blue ceramic vase with a clear rim and outer silhouette
Cutout example — inspect the silhouetteBlue ceramic vase with a clear rim and outer silhouette
A situation you may recognize

A designer needs reusable cutouts, while the shop needs finished white images.

Deliver a transparent PNG master and a separately named white-background version. Check both after export. Calling a file “white” or “transparent” does not establish its actual pixel or alpha content.

01

Locate the problem before editing

Do not judge transparency from the file extension alone. Open the exported image in a checkerboard-capable viewer and test it in the final layout.

IN PRACTICE

Work through a practical example

01

Choose the next move

Choose transparent PNG for future background changes. Choose an opaque version when the receiving system or design specifically needs it.

02

Make the first version

Place the transparent file over two colored rectangles, then compare the white version on the actual website. Look for unwanted white corners, halos and changes in perceived product scale. Label exports clearly so a designer does not unknowingly receive the flattened version.

03

Have these ready

Ask whether the next person needs a compositing asset or a ready-to-display picture. Keep the same cutout for comparison.

02

Look closely at the examples

Try this before committing

Use transparency for a subject that must sit on several layouts; use white when the destination needs a fixed white image. Keep the transparent master separately, because flattening onto white removes the editable background separation.

Edit my photo background ↗

Questions for this project

Can JPEG keep the transparent part?

JPEG does not carry an alpha channel. Use the transparent PNG for layering and check that a later export has not flattened it. A white-looking preview alone cannot tell you which file type the final workflow needs.

When you have chosen a direction

Edit my photo background ↗Photo guides

Content reviewed: