Advertisement


Sketch app 3.3 exporting png with transparent background


Question

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 http://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.

2015/10/02
1
4
10/2/2015 3:43:00 AM

Here is the solution.

For instance there are several layers we want to export with transparent background:
enter image description here

Insert Slice around layers and check Background Color in inspector view:
enter image description here

Change Alpha of this background color to zero:
enter image description here

Then you can export Slice with the desired size and voila:
enter image description here

2015/10/02
4
10/2/2015 6:57:00 AM