設定
画像（正方形が理想）をアップロードして、複数サイズの PNG favicon、複数サイズの .ico ファイル、サイト用の HTML コードを生成します。すべてブラウザー内で行われます。

画像をドラッグするかクリックして選択

PNG, JPEG, WebP, GIF, BMP, AVIF

仕組み

1 枚の画像から Web サイトのファビコンを生成します。一般的なサイズ（16、32、48、64 ピクセル、Apple および Android のアイコン）の PNG と、すぐに使える複数サイズの .ico ファイルを作成します。

画像に加えて、対応する link タグを含む HTML コード断片も出力するので、サイトの head に貼り付けて生成されたファイルを配置するだけで済みます。

すべてブラウザー内で生成され、画像はどのサーバーにもアップロードされません。小さいサイズでもよく認識されるよう、正方形でシンプルなデザインの画像から始めるのがよいでしょう。

ユースケース

  • ロゴから新しい Web サイトのファビコンを作成する。
  • 編集ソフトをインストールせずに複数サイズの .ico を生成する。
  • iOS と Android のホーム画面用アイコンを取得する。
  • ファビコンのタグを含む、貼り付けるだけの HTML を取得する。

よくある質問

元となる画像は何を使えばよいですか？

正方形で解像度の高い（理想的には 512×512 以上）、シンプルなデザインの画像です。細かいディテールは 16 や 32 ピクセルでは失われるため、テキストの多いロゴよりも、明快でコントラストの高いシンボルのほうが適しています。

.ico ファイルは何のためにありますか？

.ico は、多くのブラウザーが既定でサイトのルートに探す従来のファビコンです。1 つのファイルに複数のサイズを含むため、古いブラウザーと互換性のあるフォールバックとして機能します。

ファイルとコードはどこに置きますか？

PNG と .ico をサイトにアップロードし（通常はルートかリソース用フォルダー）、生成された HTML 断片を head タグ内に貼り付け、必要に応じてパスを調整してください。

私の画像はサーバーにアップロードされますか？

いいえ。ファビコンの生成はすべてブラウザー内で行われ、画像が端末から外に出ることはありません。

関連項目