设计透明背景的ICON（网页小图标）

Designo总会有不同成图的洁癖，只是需要纯粹的图案。

而在网页设计和App设计的时候，会用到透明背景的logo或者是icon之类的。上述的icon出现在网页设计中就是“网页小图标”。

![Applogo](https://imgconvert.csdnimg.cn/aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwMjE1MTYzNTAyMjM0?x-oss-process=image/format,png)

![网页小图标](https://imgconvert.csdnimg.cn/aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwMjE1MTY0MzM5NjUz?x-oss-process=image/format,png)

1。用它来创建透明背景的面板。

![创建透明面板in PS](https://imgconvert.csdnimg.cn/aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwMjE1MTY0NzQ3MDAz?x-oss-process=image/format,png)

2。绘制好图形并以“.PNG”或 ”.PNS”格式导出图片

![PNG格式的透明图标](https://imgconvert.csdnimg.cn/aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwMjE1MTY1MzAwMjEx?x-oss-process=image/format,png)

3。使用“格式工厂”等工具转换成ICO图片

![格式工厂转换成ico图片](https://imgconvert.csdnimg.cn/aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwMjE1MTY1NTE3MDEz?x-oss-process=image/format,png)

至此，icon完成！

Published by