PNGをファビコンに変換：無料オンラインICOコンバーター（2026年）

PNGは最も一般的な画像フォーマットですが、適切な設定なしに生のPNGをファビコンとして受け入れるブラウザはありません。このガイドでは、 PNGからファビコンへの変換がどのように機能するか、完全なパッケージに何が含まれるか、素朴なリサイズによるぼやけを防ぐ方法を解説します。

「PNGをファビコンに変換」とは実際には何を意味するか

適切なファビコンは1つのファイルではなく、パッケージです。 PNGを変換すると、出力には以下が含まれるべきです。

16×16、32×32、48×48を1つにまとめた .ico ファイル
16、32、180、192、512ピクセルの個別PNG
180×180の apple-touch-icon.png
アイコンを紐付ける site.webmanifest

<link rel="icon" type="image/png" href="/icon.png"> で単一のPNGをファビコンとして使うこと自体は可能ですが、古いブラウザとの互換性を失い、iOS/Android対応も逃すことになります。

PNGをファビコンに変換する方法（無料）

Favicon.oneジェネレーターを開き、PNGをアップロードします。
ツールがすべての必要なサイズにリサイズします。処理はすべてブラウザ内で完結します。
.ico、すべてのPNG、マニフェストを含むZIPをダウンロードします。
サイトルートに展開し、HTML linkタグを追加します。

すべてはクライアント側で実行されます。PNGがサーバーにアップロードされることはないため、機密性の高いロゴも安全です。

透過が重要な理由

PNGは透過をサポートし、JPEGはしません。透過PNGのファビコンはブラウザタブの背景を透かせるため、白い四角よりもはるかにプロフェッショナルに見えます。 JPEGから始める場合は、まずPNGに変換して背景を除去してください。

ぼやけたファビコンを避ける

自動生成ファビコンで最も多い不満は16×16でのぼやけです。原因と対策は次のとおりです。

ディテールが多すぎる。 複雑なロゴは16pxに縮小するとつぶれます。シンプルな版を使いましょう。単一の文字や図形が最も効果的です。
細い線。 極細の線は小さいサイズで消えてしまいます。太くコントラストの高い形状を使いましょう。
低解像度のソース。 最低でも512×512から始めてください（1024×1024ならなお良い）。拡大は絶対にしないでください。
SVGも併用する。 ベクターファビコンはどんなサイズでもシャープです。SVG vs PNGガイドをご覧ください。

.icoファイルの中身は？

ICOフォーマットは特殊で、1つの .ico に異なるサイズの複数のPNG/BMP画像を埋め込めます。ブラウザが favicon.ico を要求すると、すべてのサイズを受け取り、現在のディスプレイに最適なものを選びます。だからこそ、良い.ico は最も互換性の高いファビコンフォーマットなのです。 Internet Explorer以来のすべてのブラウザがサポートしています。

変換後の完全なHTML

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">