favicon書き出しのプリセット

サイトを作ると優先順位は下がるがファビコンが必要。最低限の必要なファイルは512px、192px、180px、32pxのPNGファイルとSVGファイル。

Illustrator 2025(ver.29.1)で作ったアイコンのデザインをそれぞれの大きさに書き出すPresetを作った。

  1. 正方形のアートボードを用意し、アートボードの名前をiconにする。
  2. 「ファイル」メニューの「書き出し」→「スクリーン用に書き出し」(⌥⌘E)。
  3. スクリーンの書き出しメニューから「プリセットのインポート」を選択して、ダウンロードしたプリセットを選ぶ。

書き出したら、icon-512.png、icon-192.png、icon.svgはそのままで、icon-apple.pngを「apple-touch-icon.png」にリネーム。icon-favicon.pngをツールを使ってfavicon.icoに変換する。