## 必要なファイル * **でかい**、**背景透過** の **真四角** の画像 どれくらいでかけりゃいいかアレだけど、とりあえず 1000 x 1000 くらいで作っておいた。 名称は `app-icon.png` にしておくのがいい。 ## Tuari ## 1. アイコン一式 Tauri の `src-tauri/icons/*` に配置する一式のアイコン。 何に使われるんだろう。 `tauri icon` のCLIコマンドがあるのでこれを使用する。 https://v2.tauri.app/ja/reference/cli/#icon `app-icon.png` を**リポジトリルート**に配置する。 → `/app-icon.png` この状態でリポジトリルートで `pnpm tauri icon` を叩くと、 `/src-tauri/icons/*` にアイコンファイル一式が出力される。 ルートに配置した `/app-icon.png` はもう不要なので削除する。 ## 2. `icon.icns` mac では Dock とかに入るアイコン。 角丸のアイコンにするなら自分で作る必要がある。 * [macOS のアプリアイコンの形を揃える - feb19](https://feb19.jp/blog/20210210_bigsuricons) ↑ \[Figma テンプレート] を拝借して、角丸のアイコン（複数）を `icon.iconset/` というディレクトリに出力する * あたりである `Grid レイヤー` は非表示にして出力する * `icon.iconset/` のある階層にて、 `iconutil -c icns icon.iconset` を実行すると `icon.icns` が出力される * 画像は縦横比率 1:1 の真四角である必要がある `icon.icns` を 1. で出力した `src-tauri/icons/icon.icns` に上書きして完成。 ## Web用 Web サイトで必要なものを作成したっていい。 * apple-touch-icon.png - 180x180 * favicon.png - 背景透過 180x180 (適宜) * ogp.png - 1200x630