Mac標準アプリだけでfavicon.icoを作成する

Macの標準だけでfavicon.icoをした時のメモ。

macOSバージョン

• macOS Big Sur バージョン11.3.1

favicon.icoの作り方

1. Keynote.appを開いて適当な図を作成し、図をコピーする
2. プレビュー.appで「クリップボードから新規作成」を開く
3. ツール->サイズを調整を選択し、幅と高さを48ピクセルにする
4. ファイル->書き出すを選択し、フォーマットでMicrosoftアイコン、書き出し名にfavicon.icoを入力し、保存
5. favicon.icoができた

favicon.icoを作ってみる

1. Keynote.appを開いて適当な図を作成し、図をコピーする
2.  プレビュー.appで「クリップボードから新規作成」を開く
3. ツール->サイズを調整を選択し、幅と高さを48ピクセルにする
   • Googleの検索結果を意識するならサイズは48ピクセルの倍数がよいそう

     • Define Website Favicon for Search Results | Google Search Central

4.  ファイル->書き出すを選択、フォーマットでMicrosoftアイコンを選択、書き出し名にfavicon.icoを入力し、保存 
   • フォーマットにMicrosoftアイコンが出ない場合、フォーマットのプルダウンをoption+クリックすると出てくる
5. favicon.icoができた