Favicon生成
テキストや画像からファビコンを生成
Export favicon pack
Download individual sizes, export the full set, or save the current session summary.
次に進む
関連する次のアクションでワークフローを続けます。
Settings
Text
Preview & Download
Preview ready
Queue
0
結果
Ready
Privacy & Trust
Local canvas rendering
Preview generation and PNG export happen inside the browser. Uploaded images are not sent to a server.
Batch-friendly
Queue multiple source images and export a ZIP with the full favicon size set for each file.
Standard pack
The workspace exports common favicon, app icon, and social icon sizes in one pass.
使い方
ファイルをアップロード
ファイルをドラッグ＆ドロップするか、クリックして選択します。ファイルはブラウザ内に留まります。
設定を調整
必要な結果に合わせてオプションを設定します。
結果をダウンロード
ファイルを即座に処理してダウンロード — 待ち時間もサーバーへのアップロードもありません。
このツールを使う理由
完全無料
Core tools are free. AI and cloud tools may have daily usage limits.
インストール不要
すべてブラウザで実行されます。ソフトウェアのダウンロードやインストールは不要です。
プライベート＆安全
Local tools keep input on your device. Tools that transmit data are clearly labelled.
モバイル対応
完全レスポンシブ対応 — スマートフォン、タブレット、デスクトップで利用できます。
あなたのファイルはプライベートです
このツールはファイルをすべてブラウザ内で処理します。サーバーにアップロードされることはなく、データがデバイスの外に出ることはありません。
- サーバーアップロードなし — 100%クライアントサイド処理
- データ保存なし — タブを閉じるとファイルは破棄されます
- アカウント不要 — 登録なしですぐに使えます
ファビコン：ウェブサイトのアイデンティティを決める小さなアイコン
要点まとめ
- ファビコンはブラウザタブ・ブックマーク・モバイルのホーム画面・検索結果に表示される。
- 現代のウェブサイトには16×16、32×32、180×180（Apple用）、512×512（PWA用）など複数サイズのファビコンが必要である。
- SVGファビコンはブラウザサポートが拡大しており、あらゆるサイズに完璧にスケーリングできる。
ファビコン（favorite icon）は、ブラウザタブ・ブックマーク・アプリのショートカットに表示される、ウェブサイトを象徴する小さなアイコンです。サイズは小さいですが、ブランド認知とユーザーエクスペリエンスにおいて非常に大きな役割を果たします。現代のWeb標準では、ブラウザ・モバイル端末・PWAをカバーするために複数のサイズとフォーマットが求められます。
16×16〜512×512
必要なファビコンサイズの範囲
活用シーン
ウェブサイトのブランディング
多くのタブが並ぶブラウザのタブバーで、プロフェッショナルで認識しやすいアイデンティティを確立できます。
PWAアプリアイコン
プログレッシブWebアプリのモバイルホーム画面へのインストールには512×512のアイコンが必要です。
ブックマークでの識別
ユーザーがブックマーク一覧から独自のファビコンで自サイトを瞬時に識別できます。
検索結果での視認性
Googleなどの検索エンジンが検索結果にファビコンを表示するため、クリック率の向上に寄与します。
実用テクニック
16×16ピクセルでも判別できるようにデザインしましょう。ロゴを簡略化し、細かいディテールは避けてください。
モダンブラウザ向けにSVGファビコンを用意しつつ、旧ブラウザ向けにPNGのフォールバックも含めましょう。
ブラウザのライトテーマ・ダークテーマの両方でファビコンの視認性をテストしてください。
Webアプリマニフェストを使って、PWAインストール時のアイコンを定義しましょう。
本ツールの全ての処理はブラウザ内で完結し、データがサーバーにアップロードされることはありません。