favicon ジェネレーター
ロゴ、フォントアイコン、またはモノグラムから完全な favicon パッケージを作成 — favicon.ico、モダンな PNG、Apple タッチアイコン、PWA アイコン、ウェブマニフェスト、HTML スニペット。
ロゴをドロップするか、フォントアイコンを選ぶか、モノグラムを入力してください。クラシックな favicon.ico から Apple タッチアイコン、PWA アイコン、貼り付けるだけの HTML スニペットまで、モダンなサイトに必要なすべての favicon を生成します。
favicon ジェネレーターについて
Favicon Generator は、1つの素材から現代のウェブサイトに必要なすべてのアイコンを作成します。ロゴの PNG をアップロードするか、フォントアイコンを選ぶか、モノグラムを入力してください。パッケージには従来型の favicon.ico(16、32、48px)、最新の PNG ファビコン、180px の Apple タッチアイコン、192px と 512px の PWA アイコン、site.webmanifest、HTML の head スニペットが含まれます。
スタイル設定もツール内で完結します。背景色を選ぶか透明のままにし、正方形・角丸・円形にクリップし、パディングと素材サイズを調整し、ブラウザ UI や PWA マニフェストで使われるテーマカラーを設定できます。ライブプレビューでは、16px のブラウザタブ、ブックマーク、Apple タッチタイル、PWA アイコンといった実際の文脈でアイコンを確認できます。
すべてブラウザ内のキャンバスでレンダリングされ、「生成」をクリックすると README 付きの ZIP としてパッケージ全体がまとめられます。導入はわずか2ステップです。サイトのルートに解凍し、付属のスニペットを <head> に貼り付けるだけです。
favicon ジェネレーターの使い方
- ソースを選びます: PNG ロゴをアップロードするか、フォントアイコンを選ぶか、モノグラムを入力します。
- スタイルを設定します。背景色または透明、形状、パディング、素材サイズです。
- PWA マニフェスト用にサイト名、短縮名、テーマカラーを入力します。
- プレビューを確認します: ブラウザタブ、ブックマーク、Apple タッチ、PWA の各コンテキスト。
- 「ファビコンを生成」をクリックし、パッケージをウェブサイトのルートに解凍します。
- パッケージ内の HTML スニペットをページの <head> に貼り付けます。