Display error when inserting transparent PNG images

2025.3 version.

I copied a transparent PNG image from PowerPoint to Sketch. However, after working for a while or closing and reopening the file, the image becomes distorted. The transparent pixel areas show up as black. Occasionally, the image returns to normal when I resize it or zoom the viewport in and out. But every time I close and reopen the file, the image is always distorted with blackened transparent parts. This issue persists regardless of whether I place the image in layers or frames, and it has seriously disrupted my work.

Hey @yonik ! Thanks for the report!

I’ve tried inserting many transparent (fully or partially) PNGs, but I haven’t experienced this behavior.

I suspect this may be related to some properties these bitmaps were exported with from PowerPoint, but to make sure, could you send us one of those so we can test it?

Cheers! :folded_hands:

png error.sketch (66.7 KB)

1 Like

Thanks a lot! This is the “already modified by Sketch PNG“, could you send us one of those PowerPoint exported PNGs so we can test this from scratch?

I tested it again. If I have both PowerPoint and Sketch open at the same time, copy a PNG from PowerPoint and paste it directly into Sketch, then close and reopen Sketch—this issue happens 100% of the time. But if I first save the image from PowerPoint to my desktop, then import that desktop file into Sketch, the image displays perfectly fine.

I tried another thing: I inserted other PNGs from my desktop into a new PowerPoint, saved it, then copied the image from PowerPoint and pasted it into Sketch again—and the same issue pops up. I can’t upload the PowerPoint file, but it doesn’t seem like the problem is with the PNGs themselves. So you can test this with any random PNG by following my steps.

1 Like

Thank you for the feedback and steps to reproduce this issue @yonik

I’ve tried the second method, and I can indeed see that PowerPoint is adding some metadata affecting how Sketch reacts.

I’ve only been able to reproduce this in PNGs that contain some gradient, so that will be the starting point of our investigation.

I’m going to open an internal case to study this behavior and will keep you updated on our findings!

Cheers! :folded_hands: