ファビコン一式生成ツール

画像を1枚選ぶだけで、ブラウザのタブ・スマホのホーム画面・検索結果に必要なファビコン一式を生成します。favicon.ico・各サイズのPNG・site.webmanifest・HTMLの記述まで、まとめて用意できます。

🔒 画像はサーバーに送信されません

  • 変換はお使いのブラウザの中だけで行っています。画像がアップロードされることはありません。
  • 未公開のロゴや制作中のデザインでも安心してお使いいただけます。
画像をここにドロップ、またはクリックして選択 PNG・JPEG・SVG・WebP に対応/正方形・512px以上を推奨
設置のしかた
生成したファイルは、原則サイトのルート(/favicon.ico など)に置きます。ブラウザはHTMLに記述がなくてもルートの favicon.ico を探しに来るため、これだけは必ず置いてください。残りのPNGとmanifestは同じ場所に置き、生成されたHTMLを <head> に貼り付けます。WordPressの場合は「外観 > カスタマイズ > サイト基本情報 > サイトアイコン」に512pxのPNGを登録するだけでも大部分がまかなえます。
どのサイズが必要ですか?

最低限は favicon.ico(16・32px)と180pxのapple-touch-icon、512pxのPNGです。16pxはブラウザのタブ、32pxはブックマークや高解像度タブ、180pxはiPhoneのホーム画面、192/512pxはAndroidとPWA、そしてGoogleの検索結果には48px以上の正方形が使われます。このツールはこれらをまとめて出力します。

元画像はどう用意すればいいですか?

正方形で512px以上、余白は少なめが基本です。16pxまで縮むので、細い線や小さな文字は潰れます。ロゴをそのまま使うと読めないことが多いため、シンボル部分だけを切り出すか、頭文字1〜2文字にするのが定石です。生成後のプレビューで16pxの見え方を必ず確認してください。

ファビコンを変えたのに反映されません

ブラウザのファビコンのキャッシュは特に強く残ります。スーパーリロード(Ctrl+F5)でも消えないことがあるため、シークレットウィンドウで確認してください。それでも古い場合は、ファイル名を変える(例:favicon-2.png)かクエリを付ける(favicon.ico?v=2)と確実です。

🔒 調べた内容は記録・公開しません

  • 検索した内容を保存・一覧化・公開しません。調査結果をデータベース化して検索できるようにしたり、他の利用者に見せたりすることは一切ありません。
  • 検索履歴を残しません。誰が何を調べたかを紐づけて蓄積することはしません。会員登録・ログインも不要です。
  • 第三者に提供・販売しません。営業リストや広告目的での利用もありません。
  • サーバー負荷を抑えるため、判定結果のみ最大1時間の一時キャッシュに保持し、時間の経過で自動的に消えます。連続アクセスの制限用にIPアドレスをハッシュ化した値を最大10分間だけ保持します(元のIPアドレスは保存しません)。
  • 調べた対象は共有用にURLの#以降に付きますが、この部分はサーバーにもアクセス解析にも送信されません。
運営:WEBツール箱(MOTOKI合同会社
WordPress専門のホームページ制作会社です。日々の制作で「毎回調べるのが面倒だった」ことを、そのままツールにして公開しています。
診断結果の見方や改善のご相談も承っています。お問い合わせ