完全無料
画像から ファビコン を 生成
PNG、JPG、SVGなどの画像から、16x16〜512x512の複数サイズのファビコンを一括生成。ブラウザ上で完全無料。
画像をドラッグ＆ドロップ
PNG、JPG、SVG、WebP対応。最大10MB。
または
PNG、JPG、SVGなどの画像から、16x16〜512x512の複数サイズのファビコンを一括生成。ブラウザ上で完全無料。
PNG、JPG、SVG、WebP対応。最大10MB。
ファビコンは、ブラウザのタブ、ブックマーク、履歴リストに表示される小さなアイコンです。オリジナルのファビコン (/favicon.ico にある 16×16 ICO ファイル) は、プラットフォームごとに異なるサイズの複雑なアイコンのセットに拡張されました。ブラウザ タブでは 16×16 と 32×32、iOS ホーム画面では 180×180、Android では 192×192 と 512×512、Windows タイルではさまざまなサイズです。これらすべてを 1 つのソース画像から生成するのが、最新のファビコン ジェネレーターの機能です。
このツールは、単一の高解像度ソース画像 (通常は正方形のロゴ) を取得し、ファビコン アセットの完全なセットと、それらを参照するために必要な HTML リンク タグを生成します。出力には、ICO、複数の PNG、プログレッシブ Web アプリのメタデータの manifest.json が含まれます。結果のファイルをサイトのルートにドロップし、生成された HTML 経由で参照します。
すべての処理はブラウザ内で行われます。アップロード、API 呼び出し、レート制限はありません。出力は、ファビコンを表示するすべての最新のブラウザーとオペレーティング システムで機能します。
ファビコンのないサイトは未完成に見えます。ブラウザのタブには一般的なアイコンが表示されます。ブックマークには視覚的な識別子はありません。このサイトはあまり専門的ではないようです。適切なファビコン セットの追加は、細部への注意を示す、労力が少なく効果の高い磨きのステップです。
最新のファビコンの要件は /favicon.ico を超えて拡大しています。 iOS ホーム画面アイコン、Android Chrome アイコン、Windows タイル アイコン、およびダーク モード バリアントはすべて、異なるファイルを使用します。これらすべてを 1 つのソースから生成することで、各ファイルを手動で管理することなく、一貫したブランド化が保証されます。
ソース画像をアップロードし、完全なファビコン セットを取得します。
完全な最新の favicon セット: favicon.ico (16+32+48 マルチ解像度)、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png (180×180)、android-chrome-192x192.png、android-chrome-512x512.png、 mstile-150x150.png。さらに、PWA の場合は site.webmanifest、Windows の場合は browserconfig.xml です。
各 PNG は、ソースからのキャンバスベースのダウンサンプリングによって生成されます。 ICO は、DataView 書き込みを使用して 16/32/48 バージョンをマルチ解像度 ICO 形式に結合することにより、JavaScript で構築されます。
HTML リンク タグは、適切な rel 属性とsize 属性を使用して各ファイルを参照します。ジェネレーターは、これらをサイトの <head> のコピー＆ペースト可能なスニペットとして生成します。