画像からファビコンを作成

画像からファビコンを作る方法

1. ロゴ画像を選ぶか、ドラッグ＆ドロップします。PNG・JPG・WebP・SVG に対応しています。512×512 以上の正方形の画像がいちばんきれいに仕上がります。
2. 正方形でない画像は、画像全体（全体を残す）か 切り抜いて埋める（正方形いっぱいに広げる）を選びます。
3. 必要に応じて余白、角の丸み、背景色を設定します。タブのプレビューはすぐに更新されます。
4. ZIP をダウンロードし、ファイルをサイトのルートフォルダにアップロードして、HTML コードを <head> に貼り付ければ完了です。

ダウンロードされるファイル

• favicon.ico（16×16・32×32・48×48 を 1 つにまとめた ICO）
• favicon-16x16.png と favicon-32x32.png（ブラウザのタブ用）
• apple-touch-icon.png（180×180、iPhone・iPad のホーム画面用）
• android-chrome-192x192.png と android-chrome-512x512.png（Android・PWA 用）
• site.webmanifest と、そのまま貼れる HTML コード

よくある質問

無料ですか？

はい、完全無料です。回数制限、会員登録、透かしはありません。

画像はどこかにアップロードされますか？

いいえ。この favicon 作成ツールはブラウザの中だけで動くため、画像があなたの端末から外に出ることはありません。

背景を透過のままにできますか？

はい。透過 PNG や SVG はそのまま透過で出力されます。Apple タッチアイコンだけは、iPhone が透過部分を黒く表示するため、背景色で塗りつぶします。

横長のロゴでも大丈夫ですか？

横長のロゴは 16 ピクセルではほとんど読めなくなります。シンボル部分だけを使うか、文字からファビコンを作るツールを試してください。

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

ブラウザのタブやブックマークに表示される小さなアイコンのことです。詳しくは「favicon とは？」をご覧ください。