ファビコン変換
画像をファビコン形式に変換します
- ファイルは端末の外に出ません
- ブラウザ内で処理
- 無料・登録不要・透かしなし
ロゴや画像をここにドロップ、またはクリックして選択
512 × 512 px 以上の正方形画像だと最もくっきり仕上がります。SVG が最適です。
ファビコン変換の使い方
ロゴや画像から favicon.ico、PNG、Apple・Android 用アイコン、マニフェスト、HTML タグまで一式を作ります。処理はブラウザ内で完結し、SVG なら favicon.svg も出力します。
- 1
ロゴや画像をページにドロップするか、クリックして選択するか、Ctrl+V で貼り付けます。PNG、JPG、SVG、WebP、GIF、AVIF、ICO、HEIC に対応しています。
- 2
「フィット」で「全体を表示」か「正方形に切り抜き」を選び、ロゴの周りに透明な余白がある場合は「余白をトリミング」をオンにします。
- 3
「アイコンのスタイル」で背景（なし・単色・グラデーション）、形、余白を設定し、ブラウザのタブとホーム画面のプレビューで確認します。
- 4
「サイト情報」（サイト名、短い名前、テーマカラー、アイコンの配置 URL）を入力し、「出力」で必要なサイズを選びます。
- 5
「一式をダウンロード（ZIP）」をクリックし、ファイルをサイトにアップロードしてから、「<head> に貼り付け」のタグをページに追加します。
よくある質問
ロゴはサーバーにアップロードされますか？
いいえ。アイコンはすべてブラウザ内の canvas で描画されるため、画像が端末の外に出ることはありません。
一式にはどんなファイルが含まれますか？
favicon.ico（既定で 16・32・48 px、最大 256 px まで選択可）、favicon-16x16.png と favicon-32x32.png に加えて選んだ PNG サイズ、apple-touch-icon.png（180 px）、android-chrome の 192 px と 512 px、maskable-icon-512x512.png、site.webmanifest、favicon-snippet.html です。「ファイル」一覧から個別にダウンロードすることもできます。
元画像はどんなものが適していますか？
512 × 512 px 以上の正方形画像です。小さい画像は拡大されるため、ぼやける旨の注意が表示されます。SVG ならどのサイズでもくっきりし、favicon.svg も一式に加わるので最適です。
ロゴが正方形ではない場合はどうなりますか？
「全体を表示」はロゴ全体を残し、周囲に余白を空けます。「正方形に切り抜き」はアイコンいっぱいに表示し、長い辺のはみ出た部分を切り落とします。
Apple タッチアイコンの背景が白くなるのはなぜですか？
iOS のホーム画面アイコンは透明部分を表示できないため、apple-touch-icon.png と maskable アイコンは常に不透明な正方形になります。背景が「なし」のときは白で塗られ、maskable アイコンは Android で円形に切り抜かれても欠けないよう、図柄をセーフゾーン内に収めます。
「ファビコン生成」との違いは何ですか？
このツールは手元の画像から作成します。「ファビコン生成」は文字、絵文字、オープンソースのアイコンからアイコンを作り、同じ内容の一式を出力します。