电子：与运行电子生成器后相比，应用程序的图标分辨率下降

Question

我正在构建一个电子应用程序，左上图是我使用电子测试它时我的图标在应用程序中的外观，右图是我使用“将其编译为可执行文件后”纱线分布”。 （这些是屏幕底部我的窗口栏中的屏幕截图）。

似乎可执行文件中图标的分辨率比原始电子应用程序中的要差。文件本身分辨率相当高：

图标在开发过程中被“main.js”文件调用：

mainWindow = new BrowserWindow({
  // frame: false,
  title: "Collector: Kitten " + app.getVersion(),
  icon: __dirname + "/logos/collector.png",  //<--- This line
  webPreferences: {
    //contextIsolation:           true, //has to be false with the way I've designed this
    enableRemoteModule:         true,
    preload:                    path.join(__dirname, 'preload.js'),
    worldSafeExecuteJavaScript: true
  }
})

并由package.json中的builder“win”标识：

"build":{
  "win": {
    "target": "nsis",
    "icon": "logos/collector.png"
  }
}

有没有办法在使用电子生成器时防止这种分辨率损失？

Answer 1

我通过将 .png 转换为 .ico 文件并改用它来解决这个问题。