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

Question

我尝试过32x32,64x64，并且我尝试使用Photoshop将另一个应用程序的图标编辑到我的图标中以保持其大小，但它永远不能与我合作。似乎我的图标是双倍大小的，我无法看到整个图标。

这是图标：

Answer 1

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

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

Answer 2

16x16 png适用于Macos任务栏图标。您也可以使用@ 2x 32x32 png进行高分辨率显示，例如16x16'tray.png'和32x32'tray@2x.png'。还可以根据this article为默认和突出显示模式指定版本。

P.S。您可以轻松地在iConvert Icons上转换图标。

Answer 3

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