electron で アプリのアイコンを設定する

● electron で アプリのアイコンを設定する

・electron-builder を使用している場合

  "build": {
    "mac": {
      "icon": "./icon.png"
    },
    "win": {
      "icon": "./icon.png"
    },
  }

・Electron-Forge v5 を使用している場合

package.json に以下の設定を追加します。 (アイコン画像は path/to/icon.icns に設置)

{
  ...
  "config": {
    "forge": {
      ...
      "electronPackagerConfig": {
        "icon": "path/to/icon.icns"
      },
      ...
    }
  }
}

・Electron-Forge v6: を使用している場合

package.json に以下の設定を追加します。 (アイコン画像は path/to/icon.icns に設置)

{
  ...
  "config": {
    "forge": {
      ...
      "packagerConfig": {
        "icon": "path/to/icon.icns"
      },
      ...
    }
  }
}

npm run package で再度ビルドを行います

なおアイコン画像の形式はMacの場合icns形式である必要があります。
こちらのウェブサイトからPing画像からicnsへ変換することができます

● cloudconvert

https://cloudconvert.com/

No.2019
11/30 14:44

edit