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

最新推荐文章于 2024-09-01 09:47:21 发布

冰渍小丑橘

最新推荐文章于 2024-09-01 09:47:21 发布

阅读量1.3k

点赞数

分类专栏： Others 文章标签：设计网页设计 app

本文链接：https://blog.youkuaiyun.com/X_Doy/article/details/55212056

版权

Others 专栏收录该内容

3 篇文章

订阅专栏

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完成！