デザイン

ファビコン生成

画像や文字から ICO+PNG のフルセットを生成。

完全なファビコンパックを生成

ロゴをアップロードするか文字/絵文字を入力し、背景の形状と色を選び、favicon.ico、すべてのPNGサイズ(16→512)、Apple touch icon、準備済みのsite.webmanifestとHTMLタグを含む1つのZIPをダウンロード — すべてブラウザ内でローカルにレンダリング。

Favicon Generatorは、ロゴ、写真、または太字の文字や絵文字など1つのソースから、モダンなWebサイトに必要な完全なアイコンパックを生成します:レガシーブラウザやアドレスバー用のfavicon.ico、16〜512のPNGサイズ、iOSホーム画面用の180px Apple touchアイコン、Android Chromeアイコン、すぐに使えるsite.webmanifest、そして<head>に貼り付ける正確なHTMLタグ。1クリック、1ZIPで完了。

ライブプレビューでは、実際のサイズでアイコンを表示します — 模擬ブラウザタブも含みます — なぜなら、ファビコンの厳しい現実は16×16ピクセルでも耐えなければならないからです。文字モードが存在するのはまさにそのためです:色付き角丸四角形に太字のイニシャルは、タブに配置できる最も読みやすいものです。すべてはブラウザ内でレンダリングされZIP圧縮されます。アートワークがデバイスから出ることはありません。

よくある質問

2026年にWebサイトに本当に必要なファイルは?

favicon.ico(16/32/48を1ファイルに)、16/32/48のfavicon PNG、180pxのapple-touch-icon.png、192と512のAndroid Chromeアイコン、そしてそれらを参照するsite.webmanifest。これがZIPの内容に加えてHTMLタグが含まれています。

ファイルはどこに置けばいいですか?

すべてをウェブサイトのルートにアップロードし(/favicon.icoが解決されるように)、提供されたタグをページの<head>に貼り付けます。ZIP内のhtml-snippet.txtに準備されています。

美しいロゴが16pxでノイズのように見えるのはなぜ?

256ピクセルの総面積では細部が失われます。パディングを増やすか、文字モードに切り替えてください — 単一の太字文字がべた背景上で読みやすく、ロゴ全体では対応できない場面でも有効です。

ICOファイルとは何ですか?なぜ3つのサイズを含むのですか?

ICOはコンテナ形式です。ブラウザは内部から最適なサイズを選びます(タブには16、タスクバーには32、ショートカットには48)。ジェネレーターは3つすべてを透明度のあるフルカラー画像として埋め込みます。

透明背景は維持されますか?

はい — 「透明」シェイプを選べば、すべてのPNGとICOでソースのアルファチャンネルが保持されます。正方形/角丸/丸の背景は、不透明な背景が必要なソース向けです。

Appleタッチアイコンは何のため?

誰かがあなたのサイトをiOSホーム画面に追加すると、その180×180の画像がアプリアイコンになります。iOSは自動的に角を丸めるため、フルブリードの正方形デザインが最適です。

絵文字をファビコンとして使用できますか?

はい — 文字モードに切り替えていずれかの絵文字を入力してください。選択したシェイプと色にシステムの絵文字フォントでレンダリングされます。個人サイトでは有効で記憶に残るオプションです。

ロゴはアップロードされましたか?

いいえ。レンダリング、ICOエンコード、ZIPパッキングはすべてブラウザ内で行われます。読み込み後はオフラインでも動作します。