アイコンファイル（*.ico）作成

# <i class="fa fa-cubes" style="font-size:1em;"></i> 概要
アイコン（*.ico）ファイルの作成方法。

# <i class="fa fa-cubes" style="font-size:1em;"></i> オンラインツールでアイコン作成
PNG画像をICO形式に変換する。
[半透過マルチアイコンやファビコン(favicon.ico)作成](https://ao-system.net/alphaicon/)

![icon01.png](https://qiita-image-store.s3.amazonaws.com/0/142879/2d3772b7-f484-c535-b8be-8ce62194af46.png)

左側の青いボタンをクリックしてPNG画像を選択するか、ボタン上に直接PNG画像をドラッグ＆ドロップ。
（16×16と32×32ぐらいは用意しておきたいところ）
そして「アイコン作成」ボタンを押す。

# <i class="fa fa-cubes" style="font-size:1em;"></i> フリーソフトでアイコン作成

## <i class="fa fa-cube" style="font-size:1em;"></i> ＠icon変換
画像をICO形式に変換できるツール。
[@icon変換（画像とアイコンの相互変換ツール） - towofu's SOFT](http://www.towofu.net/soft/aicon.php)

ウィンドウの左側に画像をドラッグ＆ドロップして「単独アイコンに保存」ボタンを押す。
![icon05.png](https://qiita-image-store.s3.amazonaws.com/0/142879/15792f09-6806-8c9d-b629-201d2f306133.png)

複数の色数・サイズに対応したマルチアイコンの場合は、必要な画像をドラッグ＆ドロップして、、、
![icon06.png](https://qiita-image-store.s3.amazonaws.com/0/142879/8a230034-47d9-29f8-8f91-788e9ff8306c.png)

アイコンにするファイルを選択状態にしたら「マルチアイコンに保存」ボタンを押す。
![icon07.png](https://qiita-image-store.s3.amazonaws.com/0/142879/eee09e1c-dc5c-acea-31dd-78cc76fc2faf.png)

できた。
![icon08.png](https://qiita-image-store.s3.amazonaws.com/0/142879/bcf0c698-f674-83a2-be50-d0a7ff6b6232.png)

## <i class="fa fa-cube" style="font-size:1em;"></i> paint.net
ペイントツール。
[Paint.NET - Free Software for Digital Photo Editing](http://www.getpaint.net/redirect/main_hm.html)

標準ではICO形式に対応していないので、プラグインを入れる。
[Icon, Cursor, and Animated Cursor Format v3.7 (May 2010) - Page 13 - FileType Plugins - paint.net Forum](http://forums.getpaint.net/index.php?/topic/927-icon-cursor-and-animated-cursor-format-v37-may-2010/&page=13#comment-514467)
IcoCur.zip

zipを展開して、中の`IcoCur.dll`を`Program Files\paint.net\FileTypes`フォルダにコピーする。
（`FileTypes`フォルダが無ければ作成する）
![icon12.png](https://qiita-image-store.s3.amazonaws.com/0/142879/abc71a36-7cf7-b141-f7e6-4965ee5b5978.png)

メニューから「イメージ」 - 「サイズ変更」を選択し、任意の画像サイズにする。
![icon13.png](https://qiita-image-store.s3.amazonaws.com/0/142879/918c077c-1a96-d68f-9452-23fd294e7bd8.png)

背景を透過させるには、ツールの「魔法の杖」を選択し、、、
![icon13_2.png](https://qiita-image-store.s3.amazonaws.com/0/142879/eaa11178-b451-d89a-73c2-7a6ea339aa58.png)

背景部分をクリック。自動的に同じような色の部分が選択状態になる。
境界の判定の調整は「許容範囲」のメーターをドラッグして調整。
![icon13_3.png](https://qiita-image-store.s3.amazonaws.com/0/142879/ca056eb8-1542-4b27-4f35-f7bc29b668c8.png)

背景が選択状態になったら`Delete`キーで削除。
この模様になったら背景の削除成功。
![icon13_4.png](https://qiita-image-store.s3.amazonaws.com/0/142879/7cedafc2-03fe-1b71-62b1-cf49f113daa9.png)

絵を描き終わったらメニューの「ファイル」 - 「名前を付けて保存」を選択。
ファイルの種類でICO形式が選べるようになっている。
![icon14.png](https://qiita-image-store.s3.amazonaws.com/0/142879/e8d40a65-318a-eb18-c1fe-a6b8e392c2ba.png)

![icon15.png](https://qiita-image-store.s3.amazonaws.com/0/142879/883769bf-f3c0-525c-7aa1-84029748d2a2.png)

![icon16.png](https://qiita-image-store.s3.amazonaws.com/0/142879/9d98bf49-88bc-d017-0655-7bc1ce612525.png)

※画面が英語表示される場合は、右上の歯車アイコンから、、、
![icon20.png](https://qiita-image-store.s3.amazonaws.com/0/142879/24311672-61f3-4f6b-9049-cfc2b7bfb509.png)


Languageを「日本語」に設定してpaint.netを再起動する。
![icon21.png](https://qiita-image-store.s3.amazonaws.com/0/142879/63baf682-ecc3-edbf-cdee-742f5814170c.png)