目录
1. 图片基本要求
2. 在main.js中配置icon 位置
3. 在package.json 中配置icon 位置
4. 问题:左上角图片 开发环境下显示,生产环境下不显示
1. 图片基本要求
图片格式为ico,图片像素像素为256*256;
将ico文件放在public 中(位置自选)。



ps:使用 WPS 把png/jpg等格式转换成ico,同时设置转换的尺寸。
2. 在main.js中配置icon 位置
3. 在package.json 中配置icon 位置
配置好后就可以直接打包测试了。
4. 问题:左上角图片 开发环境下显示,生产环境下不显示
解决方法:
png图片转换成ico时,输出尺寸 要全选,不能只选择256*256的。
解释一下为什么要全选?
原因:一个ico文件实际上是多张不同尺寸图片的集合体,根据应用场景的不同自动选择合适的图片格式。
参考文档:
electron 左上角图标 dev(开发环境)可显示 build(打包)后无法显示_electron左上角图标-CSDN博客
重新打包测试: