100% in your browser

Source never uploaded

Drop an image here or click to browse

Square images work best — PNG · JPG · WebP · SVG

ブラウザ完結型ツール

ファビコン生成ツール ドラッグ&ドロップで全サイズ対応

正方形の画像(512×512推奨)をドロップするだけで、16、32、48、180、192、512pxのPNGファビコンと、そのまま使えるHTMLスニペットを生成します。

使い方

1

正方形の画像をドロップ

512×512のPNGまたはJPGが最適です。ツールが自動的にリサイズします。

2

各サイズをダウンロード

16×16、32×32、48×48、180×180、192×192、512×512のPNGファイルが生成されます。

3

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のインストールプロンプトを表示する場合にのみ必要です。

ファビコンのホスティングが必要ですか?

CDNにアップロードして高速配信しましょう。

メインアップローダーを試す