如何使用电子获得完美尺寸的托盘图标？

Question

我试过 32x32、64x64，我试过使用 Photoshop 将另一个应用程序的图标编辑到我的图标中以保持其大小，但它从来不适合我。似乎我的图标是双倍大小的，我无法看到整个图标。

这是图标：

Answer 1

  const image = nativeImage.createFromPath(
    path.join(__dirname, "your-path/icon.png")
  );
  tray = new Tray(image.resize({ width: 16, height: 16 }));

Answer 2

您可以在图像的基本文件名后附加 @2x 以将其标记为高分辨率图像。

这对我很有帮助：https : //www.electronjs.org/docs/api/native-image#high-resolution-image

Answer 3

16x16 png 适用于 Macos 托盘图标。您还可以使用 @2x 32x32 png 用于高分辨率显示，例如 16x16 'tray.png' 和 32x32 'tray@2x.png'。