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 フォルダへの出力もサポートしています。