如何为你的电子应用程序设置应用程序图标?

我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。

我是否需要打包应用才能看到效果?


当前回答

请注意,图标文件路径的例子倾向于假设main.js在基本目录下。如果文件不在应用程序的基本目录中,路径规范必须说明这一事实。

例如,如果main.js在src/子目录下,而图标在assets/icons/下,这个图标路径规范将工作:

icon: __dirname + "../assets/icons/icon.png"

其他回答

下面是我的解决方案:

new BrowserWindow({
  width: 800,
  height: 600,
  icon: __dirname + '/Bluetooth.ico',
})

electron-packager

在创建BrowserWindow时设置图标属性仅对Windows和Linux平台有效。你必须为Max打包。icns

要在OS X上使用电子包装器设置图标,请使用——icon开关设置图标。

对于OS x,它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。

electron-builder 作为最新的解决方案,我发现了一种替代方案——图标开关。以下是你可以做的。

在项目目录中创建一个名为build的目录,并将图标的.icns放在名为icon.icns的目录中。 执行命令electronic -builder——dir运行builder。

您将发现应用程序图标将自动从该目录位置提取,并在打包时用于应用程序。

注意:给出的答案是针对最新版本的electron-builder,并使用electron-builder v21.2.0进行了测试

在我的情况下,我不需要指定任何路径,如./,因为我使用构建目录,这是我的配置:

"build": {
  "directories":{
     "output": "build"
  },
  "mac": {
     "icon": "build/logo.icns"
  },
  "win": {
     "icon": "build/logo.png"
   }
}

我发现使用。/logo.png会让电子显示同样的错误:

默认电子图标被使用的原因=应用程序图标没有设置

win = new BrowserWindow({width: 1000, height: 1000,icon: __dirname + '/logo.png'}); //*.png or *.ico will also work 

对我来说,它起作用了!

在创建BrowserWindow时设置图标属性仅对Windows和Linux有效。

要在OS X上设置图标,可以使用electronic -packager并使用——icon开关设置图标。

对于OS x,它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。