Mobile app version of vmapp.org
Login or Join
Jamie315

: Sketch app 3.3 exporting png with transparent background I know this has been brought up before but it hasn't been resolved. I want to export a bunch of images which have a transparent background

@Jamie315

Posted in: #Export #Png #SketchApp

I know this has been brought up before but it hasn't been resolved. I want to export a bunch of images which have a transparent background but maintain the dimensions of the transparent area. I've added a background and turned off the opacity but only the visible pixels are exportable.

Sketch has the most useless documentation about it bohemiancoding.com/sketch/support/documentation/11-exporting/2-slices.html
I've tried converting them to slices and symbols but that doesn't work either.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Jamie315

2 Comments

Sorted by latest first Latest Oldest Best

 

@Vandalay110

Are you using a Sketch template? Like the iOS UI template?

On the Symbols page, Sketch has put a rectangle behind and around all the artboards. If you have a transparent symbol on top of this, it (for some reason) exports the rectangle with it. Disable/delete the rectangle and you can export!

10% popularity Vote Up Vote Down


 

@Alves566

Here is the solution.

For instance there are several layers we want to export with transparent background:


Insert Slice around layers and check Background Color in inspector view:


Change Alpha of this background color to zero:


Then you can export Slice with the desired size and voila:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme