PNGをICOに無料変換｜ファビコンをオンラインで作成

ICOファイルは、ブラウザやWindows、アプリで使われる標準のアイコン（ファビコン）形式です。1つのファイルに複数のサイズ（16×16、32×32、48×48など）を入れられるので、OSが状況に合わせて最適な解像度を選べます。

されません。変換はCanvas APIを使ってすべてブラウザ内で行われます。PNGファイルが端末の外に出ることはなく、すべて手元で処理されます。

互換性を最大にするなら、16×16・32×32・48×48を入れましょう。高解像度の画面向けには64×64と128×128を、Windowsのデスクトップアイコン用には256×256を加えると便利です。初期設定（16・32・48）でほとんどの用途をカバーできます。

「余白をつけて収める」（初期設定）を選ぶと、画像全体を中央に置いて透明な余白をつけます。「正方形に切り抜く」を選ぶと、中央の正方形部分を残して長い辺をカットします。くっきりしたアイコンにするには、256×256ピクセル以上の画像から始めましょう。

はい、ファビコンには透過背景がおすすめです。ブラウザのタブやタスクバー、ブックマークの背景色がなんであっても、アイコンが自然になじみます。ICO形式はアルファチャンネルの透過に完全対応しています。

.icoファイルをWebサイトのルートディレクトリに置き、名前をfavicon.icoにします。ほとんどのブラウザは自動で見つけてくれます。HTMLのheadにlinkタグ（link rel="icon" href="/favicon.ico" type="image/x-icon"）を書いて、明示的に指定することもできます。

最近のブラウザはPNGのファビコンにも対応していますが、特に古いブラウザやWindowsとの互換性ではICOのほうが確実です。互換性を最大にするならICOを使いましょう。HTMLで複数のlinkタグを書けば、両方を用意することもできます。

ブラウザはファビコンを強くキャッシュするためです。ブラウザのキャッシュを削除するか、シークレットウィンドウで開くか、クエリ文字列を付けて（例：/favicon.ico?v=2）強制的に更新してみてください。新しいアイコンがすべての環境で表示されるまで、数時間かかることもあります。

favicon.icoは、ブラウザやWindowsで使われる昔ながらのアイコン形式です。apple-touch-iconは別のPNGファイル（180×180）で、iOSでサイトをホーム画面に追加したときに使われます。すべての端末に対応するなら、両方用意しておきましょう。

入れられます。それこそがICO形式の最大の利点です。このツールでは、複数のサイズ（16×16、32×32、48×48、64×64、128×128、256×256）を選んで1つの.icoファイルにまとめられます。ブラウザやOSが、場面ごとに最適なサイズを自動で選びます。