Skip to main content
Ferenc_Nagy
New Member
April 11, 2024
Question

Transparent pixels in gradient png export

  • April 11, 2024
  • 5 replies
  • 623 views

Our team were trying to export assets for us what we are going to use in a game engine. However discovered whenever we export gradient image as png, it has lot of transparent pixels. It doesnt happen with flat color or if we duplicate the image 2 times and apply the same gradient although i dont think that should be the right solusion. Any fix or guess?

This topic has been closed for replies.

5 replies

Ferenc_Nagy
New Member
April 11, 2024

NAGYUX
Josh
Former Community Manager
April 12, 2024

Does the frame you’re exporting have a background fill? If so, can you make sure this is checked:
CleanShot 2024-04-12 at 14.30.55@2x

Does your gradient fill go from solid to transparent? A screenshot with the properties panel might be helpful here. Thanks!

Yev_L
New Member
February 8, 2025

have the same issue, too much transparent pixels when exporting image with gradient mask

Uhl
Active Member
July 3, 2025

I just ran into this issue myself. I changed a frame’s background from a solid color to a linear gradient (two stops, both at 100% opacity), but the exported PNG contains unexpected transparent pixels.

 

 

Using an online transparency checker, it clearly shows the semi-transparent pixels.

 

 

This appears to be a bug. Adding a second solid fill layer to the frame does NOT fix it. The only workaround I’ve found is to set the frame’s fill to a solid color and apply the gradient on a separate layer—adding unnecessary complexity to the layer stack.

Uhl
Active Member
July 3, 2025

 Since this is an older thread and not in the Report a Problem category, I created a new topic over there: