Photoshopで ico 形式のアイコンファイルを作成、編集する

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

#TOC(caption="目次")

概要

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

方針

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

手順

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

https://www.telegraphics.net/sw/product/ICOFormatにアクセスします。下図のページが表示されます。
Photoshopで ico 形式のアイコンファイルを作成、編集する:画像1

今回は64ビット版のPhotoshopを利用するため、プラグインも64ビット版のプラグインをダウンロードします。 [ICO (Windows Icon) Format]プラグインセクションの右側の [Windows (64 bit)] のリンクをクリックして 64ビット版のプラグインをダウンロードします。
Photoshopで ico 形式のアイコンファイルを作成、編集する:画像2

ZIPファイルをダウンロードできました。
Photoshopで ico 形式のアイコンファイルを作成、編集する:画像3


ZIPファイルを展開します。展開フォルダ内にプラグイン本体とドキュメントフォルダ(dist)が配置されています。
Photoshopで ico 形式のアイコンファイルを作成、編集する:画像4

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

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

(Photoshopのでディレクトリ)\Plug-ins


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

C:\Program Files\Adobe\Adobe Photoshop 2025\Plug-ins\

Photoshopで ico 形式のアイコンファイルを作成、編集する:画像5

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

Photoshopで ico 形式のアイコンファイルを作成、編集する:画像6

File Formatsディレクトリにダウンロードしたプラグインファイル "ICOFormat64.8bi" をコピーして配置します。
Photoshopで ico 形式のアイコンファイルを作成、編集する:画像7

動作確認

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

Photoshopで ico 形式のアイコンファイルを作成、編集する:画像8

小さなサイズ(64x64ピクセル程度)のドキュメントキャンバスを作成し、[名前を付けて保存]で保存ダイアログを開きます。 [ファイルの種類]ドロップダウンを開くと "ICO Windows Icon/Favicon (*.ICO)"のファイル形式が追加されていることが確認できます。
Photoshopで ico 形式のアイコンファイルを作成、編集する:画像9

また、カーソルファイル "CUR (Windows Cursor) (*.CUR)" のファイル形式も追加されます。
Photoshopで ico 形式のアイコンファイルを作成、編集する:画像10

AuthorPortraitAlt
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
作成日: 2018-10-17
改訂日: 2025-05-12
Copyright © 1995–2025 iPentec all rights reserverd.