ファビコン生成ツール

ブラウザ内で完全な favicon 一式を生成:本物の多解像度 favicon.ico、16〜512 px の PNG、site.webmanifest、HTML スニペット。

ツールを読み込み中…

ファビコン生成ツールPNG または JPG 画像を 1 枚ドロップするだけで、完全な favicon 一式を即座に生成します:本物の多解像度 favicon.ico(16/32/48)、16〜512 px の正方形 PNG アイコン、site.webmanifest、そして貼り付けるだけの HTML head スニペットです。正方形・角丸・マスカブルの形状を選び、背景の塗りつぶしと余白を加え、任意の 1 サイズ、.ico、あるいは一式をまとめて ZIP でダウンロードできます。すべてブラウザ内のローカルで処理され、画像がアップロードされることはありません。

ファビコン生成ツールとは?

Favicon Generator は、1 枚の PNG または JPG 画像を、すぐ公開できる完全な favicon 一式に変換できる無料のブラウザベース favicon メーカーです。HTML、WordPress、PWA、Apple touch アイコン向けの favicon を、ソフトのインストールも会員登録もなしにすばやく用意したい開発者、Web デザイナー、サイト運営者のために作られています。本物の多解像度 favicon.ico(16・32・48 px)、16・32・48・180(Apple touch)・192/512 px(Android/PWA)の正方形 PNG アイコン、site.webmanifest、HTML head スニペットを、すべて高品質な canvas スケーリングでまとめて生成します。ロゴや画像を、現代的なサイトが必要とするすべての favicon ファイルに、まるごと自分のデバイス上で変換したいときにいつでもご利用ください。

ファビコン生成ツールの使い方

  1. PNG または JPG 画像をドロップゾーンにドラッグするか、クリックしてデバイスからファイルを選びます。
  2. 設定(歯車)を開き、正方形・角丸・マスカブルの形状を選び、背景の塗りつぶし色をオンにして、端の余白を設定します。
  3. ツールが各サイズを自動でレンダリングし、多解像度 favicon.ico をまとめ、site.webmanifest と HTML スニペットを生成するのを待ちます。
  4. 任意のサムネイルをクリックしてズームライトボックスを開くか、HTML <head> スニペットと manifest テキストを各パネルから直接コピーします。
  5. サイズ別ボタンで PNG を 1 つだけ保存、.ico ボタンでアイコン一式を保存、または「一式をダウンロード」で全部を ZIP で取得します。
  6. リセットを押すと現在の画像をクリアし、新しい画像でやり直せます。

使用例

ロゴから完全な favicon 一式へ

PNG ロゴをドロップすると、favicon.ico、favicon-16x16.png、favicon-32x32.png、favicon-48x48.png、apple-touch-icon.png、android-chrome-192x192.png、android-chrome-512x512.png、site.webmanifest に加え、対応する <head> スニペットが得られ、すべて favicon-package.zip にまとめられます。

マスカブルな Android アイコン

形状をマスカブルに切り替え、白い背景をオンにすると、ツールは安全領域の余白を加え、manifest アイコンの purpose を "maskable" に設定します。これにより Android はロゴを切り取らずに円形やスクワークルに切り抜けます。

余白付きの角丸アイコン

角丸の形状と約 12% の余白を選ぶと、柔らかく角を丸めつつ図柄の周りに余裕を持たせられ、現代的なアプリアイコンのスタイルに合います。

よくある質問

favicon.ico は本物の多解像度アイコンですか?
はい。ツールは 16・32・48 px の PNG を、ブラウザ内でバイト単位に書き出した 1 つの favicon.ico コンテナにまとめます。そのため 1 つの .ico ファイルで、ブラウザのタブやブックマークに 3 つの解像度を提供できます。
ZIP 一式にはどのファイルが入っていますか?
ZIP には favicon.ico、PNG アイコン(16・32・48・180・192・512 px、慣例的な名前)、site.webmanifest が含まれます。用意された HTML <head> スニペットを貼り付けてページに組み込んでください。
形状と余白のオプションは何をしますか?
正方形は素の正方形アイコンを保ち、角丸は角を切り取り、マスカブルは安全領域の余白を加えて manifest アイコンを Android 向けに maskable として指定します。余白は各正方形内の図柄を縮小し、背景の塗りつぶしはその後ろを塗ります。
アップロードできる画像形式は何ですか?
PNG または JPG 画像を 1 枚、ドロップまたは参照して選べます。ツールはその 1 枚のソース画像を読み込み、そこから各出力サイズ、favicon.ico、manifest をレンダリングします。
画像はサーバーにアップロードされますか?
いいえ。すべては Canvas API を使ってブラウザ内でローカルに処理されます。PNG アイコンも favicon.ico コンテナも ZIP も、すべてご自身のデバイス上で生成されるため、画像がアップロードされることはありません。

関連ツール