アプリアイコンを画像から生成する

Recipe ID: build-002

1枚のソース画像(PNG形式)から、Windows (.ico), macOS (.icns), Linux (.png) 用の各サイズのアプリアイコンを自動生成する手順を紹介します。

手順

1. ソース画像の用意: 512x512 ピクセル以上の高解像度 PNG 画像を用意します(背景透過を推奨)。
2. コマンド実行:

# プロジェクトルートで実行 (npmを使用する場合)
npm run tauri icon ./app-icon.png

これにより、src-tauri/icons/ ディレクトリ内のファイルが上書き生成されます。

生成されるファイル

  • icon.ico: Windows 用アイコン
  • icon.icns: macOS 用アイコン
  • 128x128.png, 32x32.png など: Linux やウィンドウ内表示用

tauri.conf.json での設定

生成されたアイコンが正しく参照されているか確認します。通常はデフォルトで以下のように設定されています。

{
  "bundle": {
    "icon": [
      "icons/32x32.png",
      "icons/128x128.png",
      "icons/128x128@2x.png",
      "icons/icon.icns",
      "icons/icon.ico"
    ]
  }
}

※ iOS / Android 用のアイコンが必要な場合は、Tauri v2 CLI の tauri icon コマンドが gen/android, gen/ios フォルダへの出力もサポートしています。