Browser generated
Favicon・OGP画像ジェネレーター
サイト用のFavicon、Apple Touch Icon、Android/PWAアイコン、OGP画像を同じ素材と色でまとめて作成できます。画像は端末内で処理され、本ツールのサーバーへ送信する処理はありません。
ロゴ画像がなくても、文字と背景色だけで favicon、OGP、アプリアイコンの基本セットを揃えられます。
PNG単体に加えて ZIP と設置用HTMLをまとめて出力できるので、公開前の差し替えが速くなります。
1. 素材と出力を設定
画像なしでも文字と背景色だけで生成できます。対応形式はPNG/JPEG/WebP/GIFです。SVGは安全性と表示差異を避けるため対象外です。
2. プレビュー・保存・設置
設定を変更するとプレビューを更新できます。
ZIPに含まれるもの
favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png、android-chrome-192x192.png、android-chrome-512x512.png、og-image.png、設置用HTML、manifestサンプルを生成します。
作成前のチェックポイント
小さなタブ用のFaviconと、SNSで共有されるOGP画像では見え方が大きく変わります。保存後は、ブラウザタブ、スマートフォンのホーム画面、SNSカードの実表示で確認してください。
Faviconは単純に
16pxや32pxでは細かいロゴや長い文字がつぶれます。短い文字、強いコントラスト、はっきりした形が安定します。
OGPは余白を残す
SNSやチャットでは端が切れる場合があります。中心に主題を置き、外側に余白を残すと見切れを避けやすくなります。
公開前に実機確認
生成結果はブラウザのCanvas品質に依存します。公開前に実際の表示先でサイズ、色、文字の読みやすさを確認してください。
プライバシーと安全性
- 選択した画像の検証、プレビュー、リサイズ、ZIP生成はブラウザ内で行います。
- 画像形式、ファイルサイズ、画像ピクセル数を確認し、SVGや不明な形式は読み込みません。
- 入力テキストやファイル名はHTMLとして挿入せず、テキストとして画面へ反映します。