关于electron在打包项目时如何更换所有的应用程序图标.ico

关于electron在打包(electron-builder)项目时如何更换图标

之前在打包项目时,没想那么多,能打包成功并运行即可,也许是强迫症吧,看这个默认图标就有些不耐烦了,就网上找找方法,于是自己做了一个 .ico 文件。
这里先提供 .png转.ico格式教程:
https://jingyan.baidu.com/article/aa6a2c148372210d4c19c4ba.html
.jpg格式
----------------------------------转成-----------------------------------
.ico格式
之后将其放到electron项目的build文件夹中:
在这里插入图片描述
但这样子直接拿去打包时往往不够的,
打包出来后还是半成品,部分图标没有正确显示,比如:

这是因为咱们的图标没有它要的尺寸,所以就呈现出默认的形式。
所以我们还需要类似俄罗斯套娃一样的操作,即将简单的 .ico文件套娃一下,这里我用的工具是icoFX:
在这里插入图片描述
这里直接下载即可使用,
运行程序:
在这里插入图片描述
然后打开你的ico文件,点击“图像”—“从图像创建window图标…”—“点击确定”
在这里插入图片描述

然后将该文件保存到electron项目的build文件夹中。
在这里插入图片描述
然后修改package.json:

// 在"build"中添加如下 "icon": "build/taowa-ico.ico"
"win": {
            "target": "squirrel",
            "icon": "build/taowa-ico.ico"
        }

然后

npm run dist

在这里插入图片描述

即可完成本次修改操作:
在这里插入图片描述


版权声明:本文为weixin_41262999原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。