electron-builder打包桌面运行只显示一半图标,桌面图标和程序左上角图标显示不全的问题

问题描述

如图:
d3adf6f4035656e4f85755ddf6b0a7f.png

问题分析

electron-builder打包桌面运行只显示一半图标,桌面图标和程序左上角图标显示不全的问题_第1张图片桌面又是正常的,但是运行时的图标却不正常。按理来说这两个图标是同一个。但是却出现了运行在任务栏的图标显示不全的问题。经过了很多的搜索和尝试,最终确定问题所在:
1.logo图片最低为256*256像素
2.生成的ico图标不能高于50kb

解决方法:

1.准备一张256×256像素的图片,然后大小大概在30kb上下。
2.到网站中去制作256*256的ico图标。(也可以使用其他方式去生成ico图标,但是生成的ico图标不能大于50kb)
网站为:https://convertio.co/zh/
注意生成的ico文件不能大于50kb,大于50kb就会出现任务栏图标显示不全的问题
3.将该ico图标放置到publich文件夹
electron-builder打包桌面运行只显示一半图标,桌面图标和程序左上角图标显示不全的问题_第2张图片
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,这样子就又会导致这个问题的出现

你可能感兴趣的:(electron,前端,javascript)