数秒でファビコンを作成
ファビコンは、ブラウザのタブ、ブックマーク、履歴、モバイルの検索結果、そしてサイトをホーム画面に追加した際に表示される小さなアイコンです。訪問者がたくさんのタブの中からあなたのサイトを見つけやすくなり、小さなウェブサイトでも本格的な印象を与えます。このファビコンジェネレーターは、1枚の画像から必要なすべてのファイルを一括生成します。まだロゴがない場合は、文字や絵文字からも作成可能です。サイトに設置するためのHTMLコードも合わせて提供します。
主な機能
- 画像から作成: PNG、JPG、SVG、WebPなどに対応。
- テキストや絵文字から作成: 色付きの背景にイニシャルや絵文字を配置。
- 角丸と余白の調整: タブやホーム画面にアイコンが綺麗に収まるように調整。
- リアルタイムプレビュー: 16、32、64、128 px での表示をその場で確認。
- 必要なファイルを一括生成: マルチサイズの favicon.ico、PNGアイコン、Apple touch icon、Android用アイコン、ウェブマニフェスト。
- コピーして使えるHTML: そのまま貼り付けられる link タグ。
- プライバシー保護: すべてお使いのブラウザ上で生成されます。
ファビコンのサイズについて
| ファイル | サイズ | 用途 |
|---|---|---|
| favicon.ico | 16, 32, 48 px | すべてのブラウザ、Windowsのショートカット、旧環境向けのフォールバック |
| favicon-16x16.png | 16 px | ブラウザのタブ |
| favicon-32x32.png | 32 px | 高解像度ディスプレイのタブ、タスクバー |
| apple-touch-icon.png | 180 px | iPhoneおよびiPadのホーム画面 |
| android-chrome-192x192.png | 192 px | Androidのホーム画面 |
| android-chrome-512x512.png | 512 px | Androidのスプラッシュ画面、PWAのインストール |
デザインのコツ
- シンプルに。 社名が入ったフルロゴではなく、シンボルマークを使用しましょう。
- コントラストをつける。 ブラウザのライトテーマとダークテーマ、どちらでも目立つようにします。
- 16 pxでテストする。 最小サイズのプレビューで認識できない場合は、さらにデザインをシンプルにしましょう。
- 正方形いっぱいに配置する。 余白が多いとタブ上で小さく見えてしまうため、余白を減らしましょう。
関連ツール
ベクターロゴを事前に高解像度PNGへ変換するにはSVG PNG 変換、画像のサイズを変更するには画像リサイズ、画像フォーマットを変換するには画像変換をご利用ください。