使用sketch贴边裁剪png图片,将png图片转换为icon
2019-06-19 本文已影响0人
web_柚子小记
之前为了方便,总是将png后缀直接改为icon后缀。在某次electron编译的场景中,遇到了如下错误:
image.png
image.png
将slice层和图片合并,
image.png
选中slice层,勾选Export group contents only,
image.png
即可导出贴边裁剪的图片
![](https://img.haomeiwen.com/i6865935/bbea59a8094b7fd8.png)
记录了一下修改过程:
使用sketch贴边裁剪png图片:
skecth导出图片时,会将透明像素过滤掉,因而导出的图片大小总是和设置的size不一致。选中图片,选择slice工具,![](https://img.haomeiwen.com/i6865935/7304c84880049dbb.png)
![](https://img.haomeiwen.com/i6865935/13238337bf023225.png)
![](https://img.haomeiwen.com/i6865935/d0ba04ad0b66bcd8.png)