ファビコン ジェネレーター — 画像からファビコンを無料で作成
16 ～ 512 ピクセルの PNG アイコン、Apple タッチ アイコン、および site.webmanifest を 1 つの画像から生成します。
正方形の画像をドロップします。すべてのファビコン サイズと site.webmanifest を ZIP 形式で取得します。
favicon.ico、site.webmanifest＋HTMLスニペットを含む
ファビコンジェネレーター でできること
始める前に、主な機能を確認してください。
- 画像・イニシャル・絵文字または記号から始めます
- 生成前に、レターマークの色と文字スタイルをプレビュー
- Apple タッチおよび Android のホーム画面アイコンを作成する
- すぐに使用できる site.webmanifest ファイルを取得します
- すべてのファビコン サイズを単一の ZIP としてダウンロード
- favicon.icoと16〜512pxのPNGサイズを生成
設定リファレンス
7 設定
ファビコンジェネレーター で使用可能なコントロール。
- 処理モードプリセット
- 1件ずつ処理するか、Premium の一括処理モードに切り替えて複数の入力に同じ設定を適用できます。対応する入力形式はツールによって異なります。オプション: 1枚の画像一括処理
元画像の種類
- ファビコンは何から始めますか？プリセット
- アップロードした画像、この場でデザインした1〜3文字のレターマーク、または絵文字や記号のいずれを、同じ完全なファビコンパックの元にするかを選びます。オプション: 画像またはロゴを使用しますイニシャルから作成絵文字から作成
デザイン
- イニシャルまたは短いテキストテキスト入力
- イニシャルモード用に1～3文字を設定し、生成前にローカルのソースプレビューを更新します。
- テキストスタイルドロップダウン
- イニシャルモードでレターマークのフォントを選びます。オプション: サンセリフセリフ等幅
- 文字の色カラーピッカー
- イニシャルの色を選びます。レターマークを元にした場合にのみ表示されます。
- 背景色カラーピッカー
- ファビコンの各サイズを生成する前に、イニシャルまたは絵文字の背後の単色背景を設定します。
- 絵文字または記号テキスト入力
- 絵文字モードでは最大4文字のUnicode文字を受け付けます。見た目は、元の文字を表示するブラウザやオペレーティングシステムによって異なります。
ファビコンジェネレーター の関連ツール
ファビコンジェネレーター の後の一般的な次のステップのためのツール。
よくある質問
幅広いブラウザとデバイスに対応するため、一般的なターゲットには16×16と32×32のブラウザアイコン、48×48のWindowsアイコン、180×180のApple touchアイコン、192×192と512×512のAndroid/PWAアイコンが含まれます。このジェネレーターは、画像、イニシャル、絵文字や記号から、これらに加えてfavicon.icoとsite.webmanifestを生成します。
usage最近のブラウザはPNGアイコンに対応していますが、favicon.icoは互換性のための便利なフォールバックとして今も役立ちます。ダウンロードするパックには、最新のPNGサイズに加えて複数解像度のfavicon.icoが含まれているため、2回目の変換は必要ありません。
technicalウェブアプリマニフェストは、サイトをプログレッシブウェブアプリとしてインストールしたときの見た目（アイコン、名前、テーマカラー、表示モード）を、Android、Chrome、Edgeに伝えるJSONファイルです。当社のジェネレーターには、Android Chrome用アイコンを指すスターターマニフェストが含まれており、名前とtheme_colorを編集するだけで済みます。
features512×512以上の正方形の画像、コントラストの強い太字のイニシャル1～3文字、またはシンプルな絵文字や記号を1つ使用してください。16×16で消えてしまう細かいディテールは避けてください。ライブのソースプレビューは、パックを生成する前にレターマークや絵文字を判断するのに役立ちます。
tipsアップロードされたロゴは、「生成」を選択したときにHTTPS経由で送信されます。イニシャルと絵文字のソースは、まずブラウザ内でローカルにレンダリングされ、その生成されたソース画像がパックの作成のために送信されます。サーバーで処理されるファイルはセキュリティポリシーに従います。ローカルのプレビューを編集しただけでは、何もアップロードされません。
privacyダウンロードしたファイルをサイトの/public（またはWebルート）フォルダに解凍し、付属のHTMLスニペットを<head>に追加してください。PNGアイコン用のlinkタグと、site.webmanifestへのlinkが含まれています。サイトをハード再読み込み（Cmd+Shift+R）してください——ブラウザはファビコンを強くキャッシュするため、新しいアイコンを表示するにはキャッシュのクリアが必要になる場合があります。
usageこのパックは、インストール可能なウェブアプリで使用される192×192と512×512のアイコン、およびスターターマニフェストを提供します。アイコンだけではサイトをインストール可能にはできません。アプリはブラウザの現行のマニフェスト・HTTPS・Service Workerの要件も満たす必要があります。
technicalはい。アカウントを作成せずに、クリーンなファビコン ZIP をプレビューしてダウンロードします。アイコン セットはサーバー上でレンダリングされるため、無料使用には許容範囲があり、プレミアムでは上限がなくなります。
pricingファビコンは、ブラウザのタブ・ブックマーク・履歴に表示される小さなアイコンで、関連するサイズのアイコンはホーム画面やインストール済みアプリのショートカットにも使われます。ロゴ画像・イニシャル・絵文字や記号から始めて、アイコンセットとsite.webmanifestを1つのZIPでダウンロードできます。
usageはい。「イニシャルから作成」を選ぶと1〜3文字、テキストスタイル、前景色／背景色を入力でき、「絵文字から作成」を選ぶと記号と背景を設定できます。該当するデザインパネルが自動的に開き、ソースはローカルでプレビューされ、ファビコン作成の操作を選ぶまで何も生成されません。
featuresはい。アップローダーはPNGだけでなく、PNG、JPEG、WebP、SVGのソースファイルを受け付けます。SVGをお持ちなら使う価値があります。ベクターであるため、16から512までの各出力サイズがラスターから拡大されるのではなくベクターデータから新たにレンダリングされ、512×512でもエッジが鮮明に保たれます。JPEGとWebPも問題なく機能しますが、JPEGはアルファチャンネルを保持できないため、透明部分は先に背景に統合しておくべきです。
technical「画像またはロゴを使う」を選び、PNGをアップロードしてパックを生成します。パックには、複数解像度のfavicon.ico、各サイズのPNG、AppleとAndroid向けのアイコン、site.webmanifest、HTMLスニペットが1つのZIPにまとめて含まれます。JPEG・WebP・SVGから始めることもでき、モードを切り替えてイニシャルからレターマークをデザインしたり、絵文字や記号を使ったりすることもできます。
usageはい — Pixoate はバッチ処理と一括処理をサポートしています。バッチ モードに切り替え、Premium では最大 60 個、Pro では 200 個のソース画像を追加し、オプションを一度設定すると、ソース画像ごとに完全な favicon パック アーカイブを含む 1 つの ZIP をダウンロードする前に、すべてのソース画像が同じ設定で処理されます。一括処理はプレミアム機能です。出力にはシングル モードと同じ品質と設定が使用されます。
featuresはい - 一括処理では、設定を 1 回行うだけで、バッチ内のすべてのアイテムに適用されます (Premium では最大 60 個、Pro では 200 個のソース画像)。項目ごとに設定を繰り返す必要はなく、アップロードおよび生成された一時ファイルは安全に処理され、自動的に削除されます。
usageほとんどの場合、原因は次の3つのいずれかです。ファイルが無料プランのアップロード上限11 MB を超えています。Premium では50 MB、Pro では120 MB まで対応しています。または、このツールが対応していない形式です。アップロード欄に表示される対応形式をご確認ください。あるいは、実際のファイル形式がファイル名に示された形式と異なります。名前を変更してもファイルの中身は変わらないため、見た目は有効なファイルでも拒否されることがあります。
troubleshootingはい - 入力を調整し、必要なだけ何度でも再生成します。ダウンロードするまで何もロックされません。実際に使用するサイズで結果を確認してください。画面上ではっきりと読み取れるものでも、小さく印刷したり携帯電話に表示すると失敗する可能性があるためです。
troubleshootingいいえ。Favicon Generator を実行して、アカウントなしで無料の結果をダウンロードできます。ウォーターマークはありません。プレミアムは、制限が厳しくなり始めたときに購入するものです。1 回のバッチで最大 60 ファイル、より大きなアップロード、1 日の上限なし、元の解像度の結果が得られます。ダウンロードのステップでは、開始する前には表示されなかったものは何も表示されません。
pricingいいえ。Favicon 生成ツール はデスクトップとスマートフォンのブラウザで使えます。インストール、トライアル開始、ライセンス購入は不要です。必要な機能かどうかは、サンプルではなく実際に困っているファイルでお試しください。
troubleshootingファビコンジェネレーターでできること
ビジネス、クリエイター、日常業務など、実際の問題を毎日解決します。自分に合ったユースケースを見つけて始めましょう。
個人開発者によるサービスローンチ
MVPをリリースする個人創業者は、ローンチ前に洗練されたファビコンが必要です。1枚のロゴ画像からすべてのサイズとマニフェストをワンクリックで生成できます。Figmaもデザイン系の有料サブスクも不要です。
代理店のクライアント設定
新しいクライアントサイトを納品するとき、ファビコン一式は予算に含まれることはめったにないのに、必ず期待されます。プロジェクトの最後にZIPを生成し、/publicに入れて、納品物としてチェックを付けましょう。
PWA のインストール対応
Chromeのインストール可能性チェックに通すには、マニフェストに192×192と512×512のアイコンが必要です。当ツールの出力は、対応するHTMLのheadタグとあわせて、初めからその要件を満たしています。
マルチブランド対応ワークスペース
複数のクライアントブランドを抱える代理店やコンサルタントは、ブランドのリニューアルがあるたびに、わずか10秒でファビコンのセットを再生成できます。Photoshopのアクションを維持する必要はありません。
オープンソースプロジェクトのブランディング
GitHub Pages、Vercel、Netlify、Cloudflare Pagesのサイトはいずれも、ブラウザタブで洗練されて見えるようファビコンが必要です。生成したファイルをリポジトリに入れるだけで、プロジェクトがしっかり仕上がって見えます。
リブランディングの刷新
ロゴが変わったら、180pxのApple touchアイコンや512pxのAndroid PWAアイコンも含め、必要なサイズをすべてまとめて生成し直せます。Illustratorから手作業で書き出し直す必要はありません。
ブラウザ拡張機能マニフェスト用のアイコン
manifest.json の icons オブジェクト用に、16、32、48pxの PNG を ZIP からそのまま取り出せます。デザインツールで各サイズを手作業で書き出すことなく、規格に準拠した拡張機能アイコンをすばやく用意する方法です。
ノーコードサイトのファビコン不足を解消
Webflow、Framer、Wixが完全なファビコンセットを自動生成することはほとんどありません。ここにロゴをアップロードすれば、生成された各サイズとHTMLスニペットを、数分でサイトのカスタムコードやSEO設定パネルに貼り付けられます。
趣味のブログに完成度の高い見た目を
Ghost・Jekyll・Hugoの個人ブログはファビコンがまったく設定されていないことがよくあります。顔写真や手描きのロゴから一式をまとめて生成すれば、ブラウザのタブが空白ではなくきちんと意図されたものに見えます。
SEO 監査で指摘されたファビコンを修正
favicon の欠落や破損は、Lighthouse や SEO クローラーのレポートでよく指摘される問題で、検索結果やブックマークでのクリック率をひそかに下げます。1回のアップロードでフルセットを再生成し、その指摘を今日中に解消しましょう。
変換結果を一つずつ確認
すべての写真はスラッシュをそのまま通過し、反対側が完成して出てきます。
