Favicon 一括生成
1枚の画像から、ブラウザタブ用やスマホ用（Apple Touch Icon）など全サイズのFaviconを一括生成します。
入力したデータはサーバーに送りません。すべてブラウザ内で処理するので、APIキーや機密情報も安心して使えます。
▶このツールについて
大きめのロゴ画像を1枚アップロードするだけで、Webサイトに必要なすべてのサイズのFavicon（ファビコン）をまとめて生成・ダウンロードできるツールです。ブラウザのタブ用やスマホのホーム画面用アイコンなどが一瞬で揃います。
ブラウザのタブにちょこんと表示されるWebサイトの「顔」とも言えるFaviconですが、実は16pxや32px、スマホ向けの180pxなど、デバイスごとに様々なサイズを用意する必要があります。このジェネレーターなら、512pxなどの大きめの元画像を1枚用意するだけでOK。必要な全バリエーションのアイコン画像に自動リサイズし、すぐに使えるセットとして書き出します。画像の加工はすべてブラウザ上で安全に行われます。
ツール操作
画像をアップロードすると、各サイズのFaviconが生成されます。クリックでダウンロード。
使い方
- 画像をアップロードします
- 16x16、32x32、180x180などの各サイズのFaviconが生成されます
- 各サイズをダウンロードしてサイトに配置します
いつ使うか
サイトのFavicon作成、Apple Touch Iconの生成、マルチデバイス対応に。
使用例
512x512のPNGをアップロード → 各サイズのICO/PNGを生成。
よくある質問
Faviconの推奨サイズは？
16x16、32x32が基本。Apple Touch Iconは180x180。高解像度対応で512x512も用意すると良いです。
ICOとPNGの違いは？
ICOは複数サイズを1ファイルに格納。PNGは1サイズ1ファイル。現代ではPNGが主流です。
Favicon一括生成の使い方は？
1枚の画像をアップロードするだけで、16x16、32x32、180x180などの各サイズが生成され、ダウンロードできます。
Apple Touch Iconとは？
iOSのホーム画面に追加したときのアイコン。180x180pxが推奨。このツールで一括生成できます。
Faviconを複数サイズ作る理由は？
ブラウザタブは16px、ブックマークは32px、スマホは180pxなど、用途で最適サイズが異なるためです。
Faviconのファイル形式は？
ICO（従来）、PNG（現代の主流）、SVG（ベクター、一部ブラウザ対応）。このツールはPNG/ICOで出力します。
1枚の画像から複数サイズを作るには？
このツールに画像をアップロード。各デバイス用のサイズに自動リサイズされ、一括ダウンロードできます。
Faviconはデータを送信する？
いいえ。画像の処理はすべてブラウザ内で完結。サーバーにアップロードされません。
高解像度ディスプレイ用のFaviconは？
32x32や64x64を用意。Retinaでは2倍解像度が必要。512x512を元に各サイズを生成するのがおすすめです。
Faviconが表示されない場合は？
link rel="icon"のパスを確認。キャッシュをクリア。複数サイズを用意してブラウザに選択させます。
関連ツール
Web制作スターターセット
画像関連セット