【Electron】Electron Icon 图标说明、及常见问题

其实各种打包模块都有相关的文档说明,相关链接如下:

electron-builder:https://www.electron.build/icons.html

electron-packager: https://electron.github.io/electron-packager/main/interfaces/electronpackager.options.html#icon

1、图片格式

• windows 和 macos 的 图标都是复合格式,包含了多种尺寸和颜色模式,Linux 就是多张png,electron 例子里就多各种尺寸。PS:不要把png直接改成 ico。

• windows :.ico 文件,下图为 iConvert Icons 的默认设置。

• macos:.icns 文件,下图为 iConvert Icons 的默认设置。

2、工具

iConvert Icons、icoFx、AppIcon Generator、MakeAppIcon 等。

• iConvert Icons 是支持多平台的,但online 版本已经无法使用了,网上还有离线版本,app store 和 microsoft store 上应该还可以找到,但可能要收费。
• icoFx 它更像是一个编辑器,同时也支持 windows、mac的图标生成。
• AppIcon Generator 支持 macOS、iOS、watchOS 和 Android 的图标生成。
• MakeAppIcon 在线工具,支持移动图标的生成。

3、常见问题

• windows上图标未更换。图标已经换了,但新打出的包或是安装后的 exe 图标没有更换。这个时候可以右击你的exe或是安装包点属性,看看图标是否正常,如果这里的图标正常,那其实就是成功的了。主要原因是因为 windows 图标缓存机制导致的,其实就不用管了,但看着不爽的话,可以清除系统的图标缓存。PS:清除行为慎用。最后会提供清理的批处理文件。
• windows 窗口或任务栏图标未更换成功。这种情况一般是 ico 文件中,缺少小尺寸图标,如 缺少 1616 或 3232 的图标。

4、windows 清理缓存批处理文件

将下面的内容保存成 bat 文件,执行就可以。PS:有可能需要以管理员权限执行。

rem 关闭Windows外壳程序explorertaskkill /f /im explorer.exerem 清理系统图标缓存数据库attrib -h -s -r "%userprofile%\AppData\Local\IconCache.db"del /f "%userprofile%\AppData\Local\IconCache.db"attrib /s /d -h -s -r "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\*"del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_32.db"del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_96.db"del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_102.db"del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_256.db"del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_1024.db"del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_idx.db"del /f "%userprofile%\AppData\Local\Microsoft\Windows\Explorer\thumbcache_sr.db"rem 清理 系统托盘记忆的图标echo y|reg delete "HKEY_CLASSES_ROOT\Local Settings\Software\Microsoft\Windows\CurrentVersion\TrayNotify" /v IconStreamsecho y|reg delete "HKEY_CLASSES_ROOT\Local Settings\Software\Microsoft\Windows\CurrentVersion\TrayNotify" /v PastIconsStreamrem 重启Windows外壳程序explorerstart explorer