npm - Electron :与运行 Electron 生成器后相比，应用程序的图标分辨率下降

Question

我正在构建一个 Electron 应用程序，上面的左图是我用 Electron 测试它时图标在应用程序中的外观，而右图是我使用“yarn dist”将其编译为可执行文件后的样子。 。
(这些是屏幕底部的我的窗口栏中的屏幕截图)。
可执行文件中图标的分辨率似乎比原始 Electron 应用程序中的分辨率差。该文件本身具有很高的分辨率:
在开发过程中，该图标由“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“win”中标识:

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

使用 Electron 生成器时，是否有办法防止分辨率降低？

Answer 1

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