N2
NanToo
AD
デザイン・Web制作

favicon ジェネレーター

画像をアップロードするだけで16x16〜512x512の各サイズPNGとICOファイルを一括生成。Apple Touch Icon・PWA対応。HTMLタグとwebmanifestも出力。

PNG / JPEG / SVG / WebP 対応。正方形推奨。

AD
このツールについて問い合わせる →

favicon ジェネレーターについて

faviconとは

favicon(ファビコン)は、ブラウザのタブやブックマークに表示される小さなアイコンです。サイトのブランド認知に重要な役割を持ち、適切に設定することでユーザー体験とSEOの両面で効果があります。

本ツールでは、1枚の画像から各サイズのPNG・ICOファイルを一括生成できます。すべての処理はブラウザ内で完結し、画像データは外部に送信されません。

各サイズの用途

  • 16x16: ブラウザタブの標準favicon
  • 32x32: Retinaディスプレイ対応のタブアイコン
  • 48x48: Windowsのサイトアイコン
  • 64x64: Windowsタスクバーへのピン留め
  • 128x128: Chrome Web Storeアイコン
  • 180x180: iOSのApple Touch Icon(ホーム画面)
  • 192x192: Android Chrome (PWA) アイコン
  • 512x512: PWAスプラッシュスクリーン

使い方

  1. PNG / JPEG / SVG / WebP 画像をアップロード(正方形推奨)
  2. 必要なサイズにチェックを入れる(デフォルトは全サイズ選択)
  3. 「favicon を生成」ボタンをクリック
  4. 生成されたファイルを個別または一括でダウンロード
  5. 表示されるHTMLタグとwebmanifestをサイトに設置

よくある質問

Q. 元画像はどのサイズが推奨ですか?
512x512ピクセル以上の正方形PNG画像を推奨します。縮小処理で高品質なアンチエイリアスが適用されます。長方形の画像は正方形に切り詰められるため、事前にトリミングしておくことをおすすめします。
Q. SVGファイルからも生成できますか?
はい。SVGをアップロードすると、ブラウザがラスタライズした上で各サイズのPNGを生成します。SVGはベクターなので、大きなサイズでも高品質に仕上がります。
Q. ICOファイルには何が含まれますか?
生成されるfavicon.icoには16x16と32x32のPNG画像が埋め込まれています。これはすべてのモダンブラウザと多くのレガシーブラウザで正しく表示されます。
Q. 生成したファイルはどこに配置すればいいですか?
favicon.icoはサイトのルートディレクトリ(/)に配置します。各PNGファイルもルートに置き、表示されるHTMLタグを<head>内にコピーしてください。PWA対応の場合はsite.webmanifestもルートに配置します。
このツールを評価
—(0件)