Electron 打包图标只显示一半图标/图标显示不全

问题描述

如图：

问题分析

运行时的图标却不正常。按理来说这两个图标是同一个。但是却出现了运行在任务栏的图标显示不全的问题。经过了很多的搜索和尝试，最终确定问题所在：

• logo 图片最低为 256*256 像素
• 生成的 ico 图标不能高于 50kb

解决方法

1.准备一张 256×256 像素的图片，然后大小大概在 30kb 上下。

2.到网站中去制作 256*256 的 ico 图标。（也可以使用其他方式去生成 ico 图标，但是生成的 ico 图标不能大于 50kb），注意生成的 ico 文件不能大于 50kb，大于 50kb 就会出现任务栏图标显示不全的问题。

3.将该 ico 图标放置到 publich 文件夹。

4.package.json 配置：

"win": {
      "icon": "public/logoTemplate.ico",
      "target": [
        {
          "target": "nsis",
          "arch": [
            "x64",
            "ia32"
          ]
        }
      ],
      "artifactName": "${productName}_${version}.${ext}"
    }

总结：总结就是你的 ico 图标需要是 256*256 的，并且不能大于 50kb，只要大于了，就会出现这个问题 。另外就是最好直接用 ico 图标，不要用 png，因为用了 png，还会经过 nsis 的处理。复杂的图标转成 ico 的时候就会大于 50kb 了，比如有时你 20kb 的 png，经过 nsis 的处理，会变成 100kb 的 ico，这样子就又会导致这个问题的出现。