0

ファビコンジェネレーター

ブラウザーで直接、任意の画像から完全な favicon セット (PNG 16/32/48/180/192/512 と favicon.ico) を生成します。

🌐

ここに画像をドラッグ&ドロップ

またはクリックしてファイルを参照します

処理中... 0%
ソース画像をロードしています
レンダリングの PNG サイズ
ICOコンテナの組み立て
ダウンロードの準備中

結果

Preview Output

ファビコンとは、ブラウザーがタブ、ブックマーク、履歴、検索結果に表示する小さなアイコンです。ファビコンを適切に配布するには、タブ用のクラシックな 16×16 および 32×32 PNG、Windows 用の 48×48、Apple デバイス用の 180×180、Android および PWA マニフェスト用の 192×192 および 512×512、さらに由緒ある favicon.ico など、6 個のファイルを作成する必要があります。このツールは、ワンクリックで 1 つの画像からセット全体を生成します。

すべてがブラウザ内でローカルに実行されます。画像はキャンバス上でデコードされ、中央が正方形にトリミングされ、高品質のスムージングを使用して各ターゲット サイズにダウンスケールされ、favicon.ico コンテナーがページ上でバイトごとに組み立てられ、16、32、および 48 ピクセルのバージョンが PNG エントリとして埋め込まれます。サーバーもアップロードもウォーターマークもありません。未リリースのロゴやクライアント アセットがマシンから流出することはありません。

生成された各サイズは実際の縮尺でプレビューされるため、ロゴが 16×16 まで縮小しても存続するかどうかをすぐに確認できます。小さなファビコンはシンプルな形状と強いコントラストをもたらし、プレビューは訪問者がタブ バーに何を表示するかを正直に示します。すべてのファイルは個別にダウンロードでき、メインのダウンロード ボタンを押すと、組み立てられた favicon.ico が渡されます。

また、このツールは HTML も作成します。これは、生成されたすべてのファイルの正しい rel、type、size 属性を備えた、コピー可能なリンク タグのブロックです。アイコンをサイトのルートにアップロードし、ブロックをページの先頭に貼り付けると、すべてのブラウザー、携帯電話、PWA マニフェストが必要なアイコンを正確に見つけます。特定のサイズが 1 つだけ必要な場合は、サイズ セレクター (または 16×16、32×32、Apple Touch 180 のプリセット ページ) によって出力が 1 つのファイルに絞り込まれます。