PNG ICO 変換
ファビコンやWindows用のマルチサイズアイコンに。
ブラウザ内で動作します。ファイルが端末から出ることはありません。
- 1ファイルに最大6サイズ
- 透明度を保持
- アップロードなし
PNGをICOに変換する方法
- ここにPNGをドロップします。正方形の画像が最適です。
- 含めるアイコンサイズを選びます。
- 「.ico」ファイルをダウンロードします。
含めるべきアイコンサイズ
| サイズ | 用途 |
|---|---|
| 16×16 | ブラウザのタブ、ブックマーク |
| 32×32 | タスクバー、デスクトップのショートカット |
| 48×48 | Windowsのエクスプローラー、大きめのショートカット |
| 64×64 | 高解像度ディスプレイ |
| 128×128 | アプリのプレビューのサムネイル |
| 256×256 | 大きなデスクトップアイコン、高解像度ディスプレイ |
ファビコンを正しく設定する
Webサイトのルートフォルダに置かれたfavicon.icoファイルは、ほとんどのブラウザが自動的に読み込みますが、ページのhead内にlinkタグを置くと、どのサイズを読み込むかをより細かく制御できます。
多くのモダンなサイトでは、それらを直接サポートするブラウザ向けに別のPNGやSVGファビコンをICOと組み合わせ、ICOは古いブラウザやブックマーク用のフォールバックとして残しています。
PNGを準備するときのポイント
- 正方形の画像から始めましょう。正方形でないPNGは引き伸ばされるのではなく、左右に透明な余白が追加されて中央に配置されます。
- どんなページの背景色にもなじませたい場合は、透明な背景のPNGを使います。
- シンプルな形とはっきりした色は、16×16まで縮小しても細かいディテールより見やすくなります。
- 512×512以上の元画像から始めると、どのサイズに縮小してもいちばんきれいな結果になります。
PNG→ICOのFAQ
ファビコンにはどのサイズを含めるべきですか？
16と32ピクセルはブラウザのタブやブックマークをカバーします。Windowsのショートカット用に48、大きなデスクトップアイコン用に256も追加しましょう。
透明度は保持されますか？
はい。各サイズはICOの中にPNGとして保存されるため、透明な背景はそのまま透明です。
画像が正方形でない場合はどうなりますか？
正方形のアイコンの中央に配置され、左右には透明な余白が追加されるため、引き伸ばされることはありません。
ICOはWindowsで使えますか？
はい。PNGベースのICOファイルはWindows Vista以降と、あらゆる最新ブラウザで使えます。
サイズを1つだけにすることはできますか？
はい。不要なサイズのチェックを外してから変換してください。最低1つはチェックを残す必要があります。
ICOはMacやLinuxでも使えますか？
ほとんどのブラウザやOSを問わず多くのアプリがICOファイルを読み込めますが、MacとLinuxは実際のデスクトップアイコンには独自のネイティブ形式を使います。
マルチサイズICOファイルの容量はどのくらいですか？
6サイズすべてを含めても通常100KB未満です。各サイズが小さく圧縮された画像だからです。
文字入りのロゴからICOを作れますか？
作れますが、16×16のような非常に小さいサイズでは細い文字が読みにくくなることがあります。最小サイズにはシンプルにしたマークの方が向いています。