favicon生成

画像1枚から favicon.ico＋各サイズPNG＋設置タグを一括生成します

🖼 クリックして画像を選ぶ（またはドロップ）
正方形でなくてもOK＝中央を自動で切り抜きます
※ 変換はブラウザ内で完結し、画像はアップロードされません。

設置用HTMLタグ

<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" href="/icon-192.png" type="image/png" sizes="192x192"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">
ファイルをサイトのルートに置いて、<head>にこのタグを貼れば設置完了です。

💻 favicon生成の使い方（3ステップ）

  1. 画像を選ぶ — ロゴやアイコン画像を選びます（正方形でなくてもOK）。
  2. 一括生成 — favicon.ico（16/32/48px内蔵）とPNG（180/192/512px）が自動生成されます。
  3. 設置する — ファイルをダウンロードし、表示されたHTMLタグをheadに貼るだけ。

よくある質問

faviconに必要なサイズは？

基本はfavicon.ico（16/32/48px）で十分です。加えて、iPhoneのホーム画面用に180px（apple-touch-icon）、Androidやスマホ用に192px・512pxのPNGがあると完璧です。このツールは全部まとめて出します。

ICOファイルはどうやって作っているのですか？

16・32・48pxのPNGを1つのICOコンテナに束ねる形式で、ブラウザ内で直接組み立てています（外部サービスに送信しません）。

正方形じゃない画像はどうなりますか？

中央を基準に正方形へ自動切り抜きしてから各サイズに縮小します。