electron配置应用icon(五)

发布时间:2025-12-10 11:21:26 浏览次数:4

在打包electron应用程序的时候,如果没有配置icon,那么打出来的包图标就会是默认的。下面介绍一下如何创建自己的个性化图标。

设计图标

这里我用到了sketch,没有app的可以自行下载。

  • 新建一个文档

    创建一个宽高都为512的画板,画板内创建矩形。调整圆角,设置填充色。这里我用到了iconfont里面的图标,调整好比例。(不是专业设计师,能看就行)

    设计完成后就可以导出了。

  • 导出

    选中画板,点击导出。导出png格式的文件即可。

  • 转换图标格式

    png格式是无法作为图标来使用的。mac上需要icns,win上需要ico格式的图标,所以需要把生成的png 图片转换成我们需要的格式。这我用到了iconSlate这个软件,当然也可以使用在线转换的网站。

    选中png图像后可以选择导出的格式。

    这样导出后就可以在electron图标配置里面引用了。

  • 需要做网站?需要网络推广?欢迎咨询客户经理 13272073477