PNGをICOに変換
1枚のPNGから、3サイズ入りのfavicon.icoを。
PNG画像を16 × 16、32 × 32、48 × 48 pxを含むICOファイルに変換します。WebサイトやWindowsのショートカットに使えます。画像はサーバーに送信されません。
PNG画像を選択
画像をここにドラッグ&ドロップするか、ボタンからPNGファイルを選択してください
PNGからICOへ、手軽に変換
ファビコン用の3サイズを1つのICOにまとめます。
元画像から各サイズを作成
PNGから16・32・48 pxの画像を作成します。小さいサイズでも見やすい、シンプルで鮮明な画像を選んでください。
透過部分をそのまま保持
PNGの透明な部分はICOでも維持されます。明るいタブと暗いタブの両方でコントラストを確認してください。
ファビコンやショートカットに
複数解像度を含むICOは、ブラウザーやWindowsでこの形式が必要な場面に使用できます。
ブラウザー内で変換
画像の読み込みと変換は端末上で行います。画像をサーバーに送信しません。
1つのファイルに3サイズ
favicon.icoには16 × 16、32 × 32、48 × 48 pxの画像が入ります。ブラウザーが適切な解像度を選択します。
無料・登録不要
画像を選んでプレビューを確認し、そのままダウンロードできます。ソフトのインストールやアカウント登録は不要です。
PNGをICOに変換する手順
3ステップでファビコンを用意できます。
PNG画像を選ぶ
正方形の画像を選択します。256 × 256 px以上がおすすめです。画像はブラウザー内で処理されます。
各サイズを確認する
画像を選択すると変換が始まります。16・32・48 pxでの見え方を確認してください。
favicon.icoをダウンロードする
ICOをダウンロードし、Webサイトの公開フォルダーに配置するか、Windowsのプロジェクトで使用します。
変換方法による違い
ブラウザー内での変換、アップロード型のサービス、画像編集ソフトでの作成を比較します。
| 機能 | このツール | アップロード型の変換ツール | Photoshop / ImageMagick |
|---|---|---|---|
| 画像を送信せずブラウザーで変換 | |||
| 16・32・48 pxを含むICO | |||
| 透過を保持 | |||
| ソフトのインストール不要 | |||
| サーバーの処理待ちなし | |||
| 無料・登録不要・透かしなし | |||
| 画像を端末内で処理 |
✓ 対応 · ~ 一部対応・設定が必要 · ✗ 非対応
一般的な作業方法を比較しています。個々の製品の機能は異なる場合があります。
サイトへの設定方法を知りたい方へ ブラウザー向けファビコン設定ガイド(英語)
ICOに含まれる画像サイズ
ICOは複数の解像度を1つのファイルに格納できます。
PNGとは異なり、ICOは複数サイズの画像をまとめられる形式です。このツールでは、表示先に合わせて使える3サイズを作成します。
| サイズ | 用途 | 表示される場所 |
|---|---|---|
| 16 × 16 px | 小さいファビコン | 標準的な大きさのタブやブックマーク一覧。 |
| 32 × 32 px | 高密度画面・ショートカット | 高解像度のタブや、一部のショートカット・タスクバー。 |
| 48 × 48 px | Windows用アイコン | このサイズに対応したアイコン表示やショートカット。 |
ダウンロード内容
3つの解像度を含み、透過に対応したfavicon.icoを作成します。
16 × 16・32 × 32・48 × 48 px
3サイズが1つのファイルに入ります。ブラウザーやOSが表示先に合った画像を使用します。
透過に対応
PNGの透明な部分を、作成する各画像でも保持します。
favicon.ico
標準的なファイル名で出力します。サイトの公開フォルダーに置き、HTMLで参照を設定してください。
HTMLでICOを使用するには
favicon.icoをサイトの公開ディレクトリのルートに置き、次のタグをhead内に追加してください。
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="shortcut icon" href="/favicon.ico" />PNGからICOへの変換について
形式、透過、画像サイズ、設定方法のよくある質問。
PNGをICOに変換するのはどのような場合ですか?
ICOはファビコンやWindowsのアイコンに使われます。1つのファイルに複数の解像度を格納できるため、ブラウザーやOSが表示サイズに合った画像を選ぶ用途に便利です。
元のPNGは何ピクセル必要ですか?
48 × 48 px以上の正方形の画像をご用意ください。元画像には256 × 256 px以上をおすすめします。小さな画像を拡大しても、失われた細部は復元されません。
背景の透明な部分は維持されますか?
はい。PNGの透過部分は16・32・48 pxの各画像でも保持されます。元のPNGに白い背景がある場合、その背景を自動的に削除する機能はありません。
ICOには何種類のサイズが入りますか?
16 × 16、32 × 32、48 × 48 pxの3種類です。スマートフォンやPWA向けの大きな画像が必要な場合は、対応する専用ツールをご利用ください。
画像はサーバーに送信されますか?
送信されません。PNGの読み込みと変換は、すべてブラウザー内で行われます。
ファビコンにはPNGとICOのどちらを使うべきですか?
用途に合わせて併用できます。ICOは複数サイズをまとめられ、favicon.icoを参照する環境に対応できます。PNGは特定サイズの画像を指定する場合に便利です。必要なファイルを用意してHTMLで参照してください。
次のステップ:サイトに設定
ブラウザー向けファビコン設定ガイド(英語)