100% in your browser
Source never uploaded
Drop an image here or click to browse
Square images work best — PNG · JPG · WebP · SVG
Generating…
ファビコン生成ツール ドラッグ&ドロップで全サイズ対応
正方形の画像(512×512推奨)をドロップするだけで、16、32、48、180、192、512pxのPNGファビコンと、そのまま使えるHTMLスニペットを生成します。
使い方
正方形の画像をドロップ
512×512のPNGまたはJPGが最適です。ツールが自動的にリサイズします。
各サイズをダウンロード
16×16、32×32、48×48、180×180、192×192、512×512のPNGファイルが生成されます。
HTMLスニペットを貼り付け
生成された<link>タグをサイトの<head>内にコピー&ペーストしてください。
なぜ複数のサイズが必要なのか
32×32 — ブラウザタブ
ブラウザのタブで標準的に使用されるサイズです。
180×180 — Appleタッチアイコン
iOSのホーム画面用アイコンです。
192×192 / 512×512 — PWA
Androidでのインストール用マニフェストアイコンです。
16×16 / 48×48 — レガシー
ブックマークバーやWindowsのショートカット用です。
よくある質問
2026年現在、どのサイズが必要ですか?
32×32(タブ)、180×180(iOS)、192/512(PWA)が必須です。ブックマーク用に16×16、Windows用に48×48も推奨されます。
.icoファイルはまだ必要ですか?
モダンブラウザでは不要です。IE11をサポートする場合のみ/favicon.icoが必要です。
SVGファビコンの方が良いですか?
フラットなロゴには適していますが、写真ベースのロゴには不向きです。
画像はどこかにアップロードされますか?
いいえ。ブラウザ内のCanvas機能で処理されるため、外部へ送信されません。
正方形ではないロゴの場合は?
ツールが自動的に中央を正方形に切り抜いてからリサイズします。
ライトモードとダークモードへの対応は?
色付きバッジ付きのPNGを使用するか、prefers-color-schemeに対応したSVGを使用してください。
必要なHTMLは何ですか?
生成されるスニペットには、<link rel="icon">、Appleタッチアイコン、マニフェストの設定が含まれています。
manifest.jsonは必要ですか?
PWAのインストールプロンプトを表示する場合にのみ必要です。