在打包electron应用程序的时候,如果没有配置icon,那么打出来的包图标就会是默认的。下面介绍一下如何创建自己的个性化图标。
设计图标
这里我用到了sketch,没有app的可以自行下载。
-
新建一个文档
创建一个宽高都为512的画板,画板内创建矩形。调整圆角,设置填充色。这里我用到了iconfont里面的图标,调整好比例。(不是专业设计师,能看就行)
设计完成后就可以导出了。
-
导出
选中画板,点击导出。导出png格式的文件即可。
-
转换图标格式
png格式是无法作为图标来使用的。mac上需要icns,win上需要ico格式的图标,所以需要把生成的png 图片转换成我们需要的格式。这我用到了iconSlate这个软件,当然也可以使用在线转换的网站。
选中png图像后可以选择导出的格式。
这样导出后就可以在electron图标配置里面引用了。