PNGをICOに変換する方法
- 1. 画像を選ぶ「PNGファイルを選択」をクリックするか、PNG、JPG、WebP、SVGを枠にドラッグします。
- 2. 「変換」をクリック「出力」で「ICOファイル」か「ファビコン一式（.zip）」を選び、「変換」をクリックします。
- 3. ダウンロード結果を1つずつ、または「すべてダウンロード（.zip）」でまとめてダウンロードします。
ICOとPNGについて
ICOはWindowsのアイコン形式です。1つの.icoファイルに、同じアイコンを16×16から256×256ピクセルまで複数のサイズで入れられます。Windowsやブラウザは、場面に合ったサイズを選んで使います。
PNGには1つのサイズの画像が1枚だけ入ります。WindowsはPNGをファイルやフォルダのアイコンに使いません。また、今もfavicon.icoを探すツールがたくさんあります。
| PNG | ICO | |
|---|---|---|
| 1ファイルあたりの画像 | 1枚 | 複数のサイズ |
| 最大サイズ | 実質的に制限なし | 256×256ピクセル |
| 透過 | 対応 | 対応 |
| Windowsのアイコンに使えるか | 使えない | 使える |
| Webサイトのファビコンに使えるか | 最近のブラウザなら使える | どこでも使える |
| 向いている用途 | イラスト、Web用の画像 | ファビコン、Windowsのショートカットやフォルダ |
ICOファイルかファビコン一式か
「ICOファイル」では、16から256ピクセルまでのよく使われるサイズを入れた.icoが1つできます。Windowsのショートカット、フォルダ、アプリに使うか、favicon.icoとして使います。
「ファビコン一式（.zip）」はWebサイト用です。ICOに加えて、ブラウザ、スマートフォン、ホーム画面が使うサイズのPNGアイコンが入っています。ファイルをサイトにアップロードし、ページのhead要素で指定します。
きれいなアイコンを作るコツ
- 256×256ピクセル以上の正方形の画像から始めてください。小さい画像や正方形でない画像は、ぼやけたりアイコンいっぱいに表示されなかったりします。
- シンプルなマークや頭文字を使います。文字の入った横長のロゴは、16×16では読めません。
- 背景を透明にすると、ブラウザのライトテーマでもダークテーマでもアイコンがなじみます。
- SVGはサイズごとに描き直されるため、最もくっきり仕上がります。
- favicon.icoはサイトのルートフォルダに置きます。ページからリンクしていなくても、ブラウザは/favicon.icoを探します。
- ブラウザはファビコンを長くキャッシュします。古いアイコンが表示されたままなら、プライベートウィンドウで開くか、キャッシュを消去してください。
- 既存のアイコンから画像を取り出すには、ICOをPNGに変換を使います。
Windowsでフォルダやショートカットのアイコンを変える
フォルダを右クリックし、「プロパティ」→「カスタマイズ」→「アイコンの変更」を選びます。ショートカットの場合は「プロパティ」→「アイコンの変更」です。.icoファイルを選んで適用します。
Windowsはその場所から.icoを読み込むので、ファイルは移動しない場所に置いておいてください。
プライバシー
変換はブラウザ内で行われます。画像はサーバーにアップロードされません。
よくある質問
ICOファイルにはどのサイズが入りますか？
16×16から256×256ピクセルまでの、よく使われるアイコンサイズが1つのファイルに入ります。Windowsやブラウザが場面に合ったものを選びます。
Webサイトのファビコンを作るには？
正方形のロゴを追加し、「ファビコン一式（.zip）」を選んで「変換」をクリックします。ZIPを展開してファイルをサイトのルートフォルダにアップロードし、ページのhead要素で指定します。
JPGやSVGからICOを作れますか？
はい。このツールはPNG、JPG、WebP、SVGに対応しています。JPGには透過がないので、背景を透明にしたい場合はPNG、WebP、SVGを使ってください。
ICOに透過は残りますか？
はい。PNG、WebP、SVGの透明な部分は、アイコンでも透明のままです。
今でもfavicon.icoは必要ですか？
はい、予備として必要です。最近のブラウザはPNGやSVGのファビコンも使えますが、ルートフォルダのfavicon.icoが最も広く認識されます。
小さいサイズでアイコンがぼやけるのはなぜですか？
16×16ピクセルでは、細かい部分や細い文字は表現できません。太い形のシンプルなマークを使い、256×256ピクセル以上の画像から作ってください。