ファビコンジェネレーター

画像をアップロードして、Webサイト用のファビコン(favicon)を自動生成します。各サイズに対応したHTMLコードも出力します。

ファビコン画像をアップロード

PNG、JPG、SVG形式の画像をアップロードしてください。推奨サイズ: 512×512px以上

クリックして画像を選択
または画像をドラッグ&ドロップ

このツールの使い方

  1. ファビコンにしたい画像を準備します(推奨サイズ: 512×512px以上のPNGまたはJPG)。
  2. アップロードエリアをクリックして画像を選択、またはドラッグ&ドロップします。
  3. 自動的に5つのサイズ(16×16、32×32、180×180、192×192、512×512px)が生成されます。
  4. 各サイズの画像をプレビューで確認し、必要に応じて個別にダウンロードできます。
  5. 「HTMLコードを生成」ボタンで、必要なコード(HTML、manifest.json、browserconfig.xml)が生成されます。
  6. 生成されたコードをコピーして、Webサイトに実装します。

特徴

  • ブラウザ内完結:画像はサーバーに送信されず、ブラウザ内で処理されます。
  • 自動リサイズ:1つの画像から5つのサイズを自動生成します。
  • 完全なコード生成:HTML、manifest.json、browserconfig.xmlのコードを自動生成します。
  • ドラッグ&ドロップ対応:画像をドラッグ&ドロップで簡単アップロード。
  • 個別ダウンロード:各サイズの画像を個別にダウンロードできます。
  • リアルタイムプレビュー:各サイズの画像を視覚的に確認できます。
  • コピー機能:生成されたコードをワンクリックでコピーできます。
  • 完全無料:登録不要で今すぐ使えます。

よくある質問

ファビコンとは何ですか？

ファビコン(favicon)は、Webサイトのアイコンのことで、ブラウザのタブ、ブックマーク、ホーム画面などに表示されます。サイトの認識性を高め、ブランディングに役立ちます。

どのサイズのファビコンが必要ですか？

最低限、16×16pxと32×32pxがあれば基本的なブラウザ表示には対応できますが、モバイル端末やPWA対応のため、180×180px、192×192px、512×512pxも用意することを推奨します。

ファビコンの形式は何が良いですか？

  • PNG形式:透過に対応し、最も広くサポートされています。
  • ICO形式:古いブラウザ(IE)向けに推奨されます。
  • SVG形式:一部のモダンブラウザでサポートされていますが、互換性は限定的です。

manifest.jsonとは

manifest.jsonは、PWA(Progressive Web App)の設定ファイルで、アプリ名、アイコン、テーマカラーなどを定義します。Androidのホーム画面にアイコンを追加する際に使用されます。

browserconfig.xmlとは

browserconfig.xmlは、Windows 8/10のタイルアイコンを設定するためのファイルです。Microsoft Edgeでサイトをスタート画面にピン留めした際のアイコンを定義します。