Photoshopで ico 形式のアイコンファイルを作成、編集する手順を紹介します。

概要

Visual Studio などの開発環境でアイコンファイルを作成できます。しかし、Visual Studio のアイコンエディタはアルファチャネル、32ビットカラーに対応していないため、最新の形式のアイコンファイルを作成することができません。この記事ではPhotoshopを利用して、ico形式のアイコンファイルを作成する方法、手順を紹介します。

方針

Photoshopでicoファイルを開いたり、icoファイルを書き出したりするための、Photoshopプラグインを導入してアイコン編集ができるようにします。

手順

ICO Format プラグインのダウンロード

http://www.telegraphics.com.au/sw/ にアクセスします。下図のページが表示されます。


今回は64ビット版のPhotoshopを利用するため、プラグインも64ビット版のプラグインをダウンロードします。[ICO (Windows Icon) Format]プラグインセクションの右側の列の [Windows (64 bit)] のリンクをクリックして64ビット版のプラグインをダウンロードします。


プラグインが圧縮されたZIPファイルをダウンロードできました。


ZIPファイルを展開します。


展開フォルダ内にプラグイン本体とドキュメントフォルダ(dist)が配置されています。

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

ダウンロードしたプラグインをインストールします。
下記のフォルダを開きます。

Photoshop 2021 の場合は下記のフォルダになります。

Photoshop CC 2019 の場合は下記のフォルダになります。


Plug-ins ディレクトリに File Formatsの名称のフォルダを作成します。


File Formatsディレクトリにダウンロードしたプラグインファイル　"ICOFormat64.8bi" をコピーして配置します。


以上でインストールは完了です。

動作確認

Photoshopを起動します。起動完了し、メインウィンドウが表示された状態で、[ヘルプ]メニューの[プラグインについて]の項目をクリックします。下図の画面が表示されます。"CUR (Windows Cursor)" と "ICO Windows Icon/Favicon" の項目が表示されていればプラグインの読み込みが正しくできています。


キャンバスを作成し、[名前を付けて保存]で保存ダイアログを開きます。[ファイルの種類]ドロップダウンを開くと "ICO Windows Icon/Favicon (*.ICO)"のファイル形式が追加されていることが確認できます。


また、カーソルファイル "CUR (Windows Cursor) (*.CUR)" のファイル形式も追加されます。


アイコン形式(*.ico)のファイルを開くこともできます。1つのアイコンファイルに複数の解像度のアイコンが含まれている、マルチアイコンファイルの場合は、下図のアイコン選択ダイアログが表示されます。


コンボボックスからアイコンファイル内のどの解像度のアイコンを開くかを選択できます。


アルファチャネルが含まれるアイコンファイルを開けます。