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

Posted 2023-03-22

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

【英文标题】：electron: app's icon resolution goes down compared to after having run electron-builder

【发布时间】：2021-01-31 21:32:05

【问题描述】：

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

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

图标在开发过程中被“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"
  

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

【参考方案1】：

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