ファビコン生成ツール

ブラウザはタブやブックマークに16ピクセルと32ピクセルのアイコンを使用し、favicon.icoにはそれらに加えて48ピクセル版も含まれます。さらに、Google検索用の96ピクセルのPNG、iPhoneやiPad用の180ピクセルのapple-touch-icon、Androidおよびインストール型ウェブアプリ向けのWebアプリマニフェストに記載される192ピクセルと512ピクセルのアイコン（可能であればマスク可能なバージョンが望ましい）が加わります。この生成ツールはこれらすべてを1つのZIPにまとめます。

ZIP内のファイルをサイトのルートフォルダ、またはツールで指定したフォルダにアップロードしてください。次に、このページのHTMLボックスにあるタグを各ページのhead要素内に貼り付けてください。favicon.ico、96ピクセルPNG、apple-touch-icon.png、site.webmanifestへのリンクと、theme-colorメタタグが含まれています。同じタグはZIP内のfavicon-tags.htmlにも収録されています。

はい。「絵文字」を選択して絵文字を入力または貼り付けてください。ツールは透過または色付き背景上に、すべてのサイズで中央揃えに描画します。デバイスの絵文字フォントを使用するため画面表示と同じ見た目になり、ダウンロードしたアイコンもどのデバイスでもその見た目を維持します。

はい。画像はブラウザ内で読み込まれ描画され、アイコンとZIPも同様にブラウザ内で生成されます。サーバーへのアップロードは一切ないため、未公開のロゴもデバイス内に保持されます。

すべてのサイズで1つのデザインを使うため、16 pixels用の別のアートワーク、ダークモードアイコン、アニメーションファビコンは追加されません。絵文字とSerif、Monospace、Systemフォントはデバイス上のフォントを使うため、別のコンピュータでは見え方が変わることがあります。Sans serifフォントはどこでも同じようにラテン文字を描画します。小さな元画像は180 pixelsや512 pixelsではぼやけるため、512 pixelsの画像またはSVGから始めてください。

依然として最も安全な選択肢です。ページにアイコンタグがない場合、ブラウザは/favicon.icoを要求し、一部の古いブラウザ、フィードリーダー、その他のツールはそのファイルのみを読み取ります。このツールで生成されるfavicon.icoは16、32、48ピクセルの画像を1つのファイルに保持しているため、通常の画面でも高密度画面でも鮮明に表示されます。

マスカブルアイコンは、アイコンを円形、角丸四角形、その他の形状に切り抜くAndroidランチャー向けのアプリアイコンです。背景が正方形全体を埋め、ロゴはセーフゾーン（アイコンの直径の80%にあたる中央の円）内に収まります。このページのプレビューには、セーフゾーンと2つの一般的なマスクが表示されます。