Photshopでファビコン(.ico)を作成する(Mac)

Webサービスや何らかのWebページを作成する場合、せっかくなのでオリジナルのファビコンを作成して表示させたいですよね。
作成方法としては、ファビコンを作成できるサービスや.jpg,.png画像を変換する方法もありますが、せっかくなのでPhotshopで作成してみましょう。

前提

Photshopを使用できる環境があること
オリジナルのファビコン画像を作成したい人
MacOS対象(Windowsでもほぼ手順は同じなので置き換えて進めることができると思います。)

手順

プラグインのインストール

Photshopにはデフォルトではファビコン用の画像に最適な「.ico」というファイル形式で保存することができません。
そのためプラグインを入れる必要があります。

下記サイトから対象のプラグインをダウンロードしましょう。
http://www.telegraphics.com.au/sw/

一覧が表示されますが「ICO（Windows Icon）Format」と記載されている一覧から対象のプラグインをインストール。

ダウンロードしたプラグインファイルを解凍後
「ICOFormat.plugin」を**「Applications\Adobe Photoshop [Photoshop_バージョン]\Plug-ins\」**にコピー
※[Photoshop_バージョン]の部分はご使用のPhotsopのバージョンに合わせてください。

Photshopを起動

新規作成で何かファイルを作成します。
[ファイル]>[別名で保存]>[フォーマット]のドロップダウンを開く>「ICO(Windows Icon)」というフォーマットが表示されていれば完了です。

その他

ファビコンの最適サイズは「16pixel × 16pixel」とのこと。