Electron 图标修改

目录

1. 图片基本要求

2. 在main.js中配置icon 位置

​3. 在package.json 中配置icon 位置

4. 问题：左上角图片 开发环境下显示，生产环境下不显示    

---

1. 图片基本要求

      图片格式为ico，图片像素像素为256*256；

       将ico文件放在public 中（位置自选）。

1

2

3

ps:使用 WPS 把png/jpg等格式转换成ico,同时设置转换的尺寸。 

2. 在main.js中配置icon 位置

3. 在package.json 中配置icon 位置

配置好后就可以直接打包测试了。

---

4. 问题：左上角图片 开发环境下显示，生产环境下不显示    

解决方法：

png图片转换成ico时，输出尺寸 要全选，不能只选择256*256的。

解释一下为什么要全选？

        原因：一个ico文件实际上是多张不同尺寸图片的集合体，根据应用场景的不同自动选择合适的图片格式。

参考文档：

electron 左上角图标 dev(开发环境)可显示 build(打包)后无法显示_electron左上角图标-CSDN博客

重新打包测试：