Webサイトに必要なファビコンを1枚の画像からすべて作成
ブラウザー、スマートフォン、OSはそれぞれ異なるアイコンを探します。ロゴをアップロードすると、このジェネレーターが一式を作成します。16・32・48 pxを含むfavicon.ico、favicon-16x16.pngとfavicon-32x32.png、180 pxのapple-touch-icon.png、192 pxと512 pxのandroid-chromeアイコン、そしてそれらをまとめるsite.webmanifestです。
すべてをZIPでダウンロードし、ファイルをWebサイトのルートに置いて、HTMLコードをページの<head>に貼り付けてください。iOSは透過部分を黒で表示するため、Appleアイコンには単色の背景が付きます。アイコンはすべてブラウザー内で作成され、何もアップロードされません。
このファビコン生成ツールを使う理由
- favicon.ico、PNGファビコン、Apple・Android用アイコンを1つのZIPに
- すぐに使えるsite.webmanifestとHTMLコード
- PNG・JPG・WebP・SVGのロゴに対応
- ブラウザーで動作 — アップロードも登録も不要
ファビコンを作成する方法
- ロゴを選択します（正方形のPNGまたはSVGが最適）
- 余白と色を調整し、プレビューを確認します
- 「ZIPをダウンロード」をクリックし、ファイルをサイトにアップロードしてHTMLコードを貼り付けます
よくある質問
このファビコン生成ツールは無料ですか？
はい、完全に無料です。制限はなく、透かしも入りません。
どのファイルが必要ですか？
最新のブラウザーはfavicon-32x32.pngとfavicon.icoを使い、iPhoneやiPadはページをホーム画面に追加したときにapple-touch-icon.pngを使います。Androidやインストール可能なWebアプリは、site.webmanifestに記載された192 pxと512 pxのアイコンを使います。すべてをサイトのルートフォルダーにアップロードしてHTMLコードを追加すれば、あらゆるケースに対応できます。
SVGのロゴは使えますか？
はい。SVGはまず高解像度で描画されるため、どのサイズのアイコンも完全に鮮明です。正方形の画像が最適ですが、それ以外の縦横比の画像は透明な余白を付けて中央に配置されます。
ロゴはサーバーにアップロードされますか？
いいえ。アイコンはすべてブラウザー内で生成され、画像がお使いのデバイスの外に出ることはありません。