ファビコンジェネレーター
1 枚の画像から、ブラウザー、Apple touch、PWA 向けのサイズとコピーして使える HTML を含む実用的なファビコンセットを作成します。
画像ごとに最大 20 MiB・40 メガピクセル。コンタクトシートは 2–50 枚、合計 100 MiB まで。アイコンは画像全体を透明な余白付きで正方形に収めます。
このツールがある理由
シンプルでコントラストの高いマークほど、極小のファビコンでも見やすく残ります。
- ✓ 16–512px のサイズ
- ✓ ライブプレビュー
- ✓ HTML スニペット
- ✓ ブラウザー内でローカル処理
こんな用途に
- • ウェブサイト
- • PWA
- • ブランドの刷新
サイトで本当に使えるアイコンセットを作る
ファビコンは小さな ICO ファイル 1 つだけではありません。最近のサイトでは、複数の PNG サイズ、Apple touch アイコン、PWA アイコン、それらをつなぐ短い HTML が必要になることがあります。
正方形の元画像から始める
シンプルでコントラストの高いマークは、細かいイラストより小さなサイズでも見やすく残ります。512 ピクセル程度以上の正方形の元画像なら、小さなアイコンもきれいに作れます。
公開前に最小のアイコンをプレビューしてください。512 ピクセルで完璧なロゴも、16 や 32 ピクセルでは判読できなくなることがあります。
今のアイコンを置き換える前にパッケージを確認する
生成されたファイルを開いて名前とサイズを確認し、提供されたコードをサイトの head に貼り付けます。新しいファイルの確認が済むまで、既存のファビコンセットは残しておきましょう。
よくあるご質問
ファビコンにはどんな画像を使うべきですか？
すっきりした正方形のロゴやシンボルが最適です。高いコントラストと単純な形は、細部よりも極小サイズで残りやすくなります。
サイトにはどのファビコンサイズが必要ですか？
一般的なウェブやデバイスでは、1 つのファイルではなく複数のサイズを使います。このツールは複数の PNG サイズと ICO パッケージを用意するので、サイトに必要なファイルを選べます。
favicon.ico と PNG アイコンの両方が必要ですか？
それぞれ異なるブラウザーやプラットフォームに対応するため、幅広い互換性が必要なら両方を残すのが実用的です。
SVG のロゴを使えますか？
ブラウザーで読み込める場合は使えます。ただし、ラスター化でフォント、フィルター、外部参照が変わることがあるため、生成された PNG/ICO を確認してください。