Photoshop: How do I export PNG without trimming transparent areas?

  • 2
  • Question
  • Updated 2 years ago
  • (Edited)
Hi, there is 7 ways in Photoshop CC (2015.5.1 Mac) to save a PNG image. 3 of them are really not Pixel Perfect. 1 single transparent file in64x64 pixels turns without reasons in different formats. There are a number of problems with exports for UX Design. Do you have a solution to fix this ? 

Export conclusion :

Dropbox Sample :

All assets (zip 50Mo) :

I'm looking for a reliable solution to easily and quick export ux design for ios/Android

Photo of Stéphane Martinez

Stéphane Martinez

  • 2 Posts
  • 1 Reply Like

Posted 2 years ago

  • 2
Photo of Max Johnson

Max Johnson, Champion

  • 511 Posts
  • 255 Reply Likes
The ones that are in red are using the built in 'Generator' on a per-layer basis. When the generator is exporting a single layer or group,it automatically 'trims' transparent pixels. When you are exporting the whole document (from the 'File->Export' menu, it trims to the full canvas size.

The way to keep those pixels is to add an alpha mask to each layer at the size you want exported. Not perfect, but that's just how it works.
Photo of Stéphane Martinez

Stéphane Martinez

  • 2 Posts
  • 1 Reply Like
Thanx's for this tips
Photo of Jaroslav Bereza

Jaroslav Bereza

  • 834 Posts
  • 201 Reply Likes
Just wrap all content into artboard (set background color to transparent) and export artboard instead layer.