Photoshop logophotoshop · braza shows you

how to save a transparent png in photoshop

braza points at the transparency checkbox in export as so your png saves clear instead of with a white box.

exporting a logo or cutout from photoshop and getting a white box behind it is the classic trap. it's two separate things: the background layer has to actually be transparent (the checkerboard), and you have to export as png, not jpg. here's both, in order.

or do it yourself

  1. 1make sure the area behind your subject shows the grey-and-white checkerboard - that's transparency. if it's solid white, delete or hide the background layer first.
  2. 2go to file > export > export as.
  3. 3set the format to png and tick 'transparency' on the right.
  4. 4click export and choose where to save.
  5. 5for an older 'save for web' workflow use file > export > save for web (legacy) and pick png-24 with transparency.

let braza do this with you

braza is a tiny on-screen guide that points at the right buttons and talks you through it, on windows and mac.

download

common questions

why does my png still have a white background?

either the background layer is still there (you see white, not a checkerboard) or you saved as jpg - jpg can't hold transparency, only png can.

png-8 or png-24 for transparency?

png-24 - it keeps smooth, anti-aliased edges; png-8 transparency looks jagged.

more fixes