PNGをICOに変換する方法
- 正方形のPNG（256 × 256ピクセル以上が理想）を選択するか、ページにドラッグ＆ドロップします。
- 必要なアイコンサイズにチェックを入れます。初期設定では16、32、48、256が選択されています。
- ICOファイルをダウンロードします。正方形でない画像は、透明な背景の中央に配置されます。
必要なアイコンサイズは？
| サイズ | 用途 |
|---|---|
| 16 × 16 | ブラウザのタブ、ブックマーク、小さな一覧表示 |
| 32 × 32 | 高解像度画面でのタブ、Windowsのタスクバー |
| 48 × 48 | 標準の表示スケールでのエクスプローラーとデスクトップ |
| 64 × 64、128 × 128 | 大アイコン表示、高DPIディスプレイ |
| 256 × 256 | エクスプローラーの特大アイコン |
Webサイトのファビコンなら、16、32、48で十分です。Windowsのプログラムやショートカットのアイコンには、256も含めましょう。各サイズはICOファイル内にPNGとして保存され、すべてのブラウザとWindows Vista以降で対応しているため、透過も維持されます。
ファビコンをWebサイトに設定する方法
favicon.icoをWebサイトのルート（例：https://example.com/favicon.ico）にアップロードします。ブラウザはこの場所を自動的に探します。各ページの<head>で指定することもできます。
<link rel="icon" href="/favicon.ico" sizes="any">- iPhoneやiPadのホーム画面用には、180 × 180のPNGを指定します：
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> - Androidやインストール可能なWebアプリ用には、192 × 192と512 × 512のPNGをWebアプリマニフェストに記載します。
よくある質問
ICOファイルとは？
ICOファイルには同じアイコンの複数のサイズが含まれており、Windowsやブラウザが、タブ、タスクバー、デスクトップの大きなアイコンなど、表示する場所ごとに最も鮮明なサイズを選べるようになっています。
ICOでも透過は維持されますか？
はい。各サイズは、完全な透過情報を持つPNG画像として保存されます。
JPGやSVGをICOに変換できますか？
はい、どんな画像でもドロップできます。小さなSVGアイコンの場合は、画像変換ツールでSVGファイルの幅を大きめに設定すると、256ピクセルのサイズでもくっきり表示されます。
ファイルはアップロードされますか？
いいえ。アイコンはブラウザ内で作成され、お使いのデバイスの外に出ることはありません。