CODEWITHSUNDEEP
macoselectrontrayelectron-vue
Yuxuan Lu
Yuxuan Lu

Reputation: 421

How to get the tray icon scale correctly in macos electron?

I've tried 32x32, 64x64, and I've tried to use Photoshop to edit another app's icon into my icon to keep its size but it never works with me. It seems that my icon is double-sized and I can't get the whole icon to be visible.

Upvotes: 7

Views: 11627

Answers (3)

Artem Vasilev
Artem Vasilev

Reputation: 2211

16x16 png will work fine for Macos tray icon. You can also have @2x 32x32 png for high-resolution displays, e.g. 16x16 'tray.png' and 32x32 '[email protected]'.

Upvotes: 5

Nabijon Azamov
Nabijon Azamov

Reputation: 157

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

Upvotes: 7

Ashley
Ashley

Reputation: 136

You can append @2x after image's base filename to mark it as a high resolution image.

This was helpful for me: https://www.electronjs.org/docs/api/native-image#high-resolution-image

Upvotes: 12

Related Questions