ファビコン生成ツール
1 枚の PNG または JPG 画像を、ブラウザ内で 16・32・48・180・512 px の正方形アイコンに変換します。
ファビコン生成ツール — PNG または JPG 画像を 1 枚ドロップするだけで、ファビコン一式が揃います：16・32・48・180（Apple touch）・512 px（PWA）の正方形 PNG アイコンです。各サイズは高品質なキャンバススケーリングで生成され、個別にダウンロードでき、まとめて一括ダウンロードも可能です。すべてブラウザ内のローカルで処理され、画像がアップロードされることはありません。
ファビコン生成ツールとは？
Favicon Generator は、1 枚の PNG または JPG 画像を、Web サイト用の正方形アイコン一式に変換できる無料のブラウザベース favicon メーカーです。HTML、WordPress、PWA、Apple touch アイコン向けの favicon を、ソフトのインストールも会員登録もなしですばやく用意したい開発者、Web デザイナー、サイト運営者のために作られています。ソース画像を 1 枚ドロップするだけで、16・32・48・180（Apple touch）・512 px（PWA）の正方形 PNG アイコンを瞬時に生成し、それぞれを高品質な canvas レンダリングでスケーリングします。ロゴや画像を、すべて自分のデバイス上ですぐ使える favicon ファイルに変換したいときにいつでもご利用ください。
ファビコン生成ツールの使い方
- PNG または JPG 画像をドロップゾーンにドラッグするか、クリックしてデバイスからファイルを選びます。
- ツールが 5 サイズすべてを自動でレンダリングするのを待ちます。下にソース画像と生成された各アイコンのプレビューが表示されます。
- ソース画像または任意のアイコンのサムネイルをクリックすると、ズームライトボックスが開き、そのピクセルサイズでの見え方を確認できます。
- 行ごとのサイズ別ダウンロードボタンを押すと、そのサイズだけを保存できます。たとえば 32 px や 512 px の PNG だけといった保存が可能です。
- 「すべてダウンロード」をクリックすると、生成されたすべてのサイズを一度に保存します。
- リセットボタンで現在の画像をクリアし、新しい画像でやり直せます。
使用例
ロゴから favicon 一式へ
logo.png という名前の PNG 企業ロゴをドロップすると、logo-16x16.png、logo-32x32.png、logo-48x48.png、logo-180x180.png、logo-512x512.png という 5 つの正方形 PNG ファイルが返され、そのまま public フォルダに入れられます。
正方形でないソース画像
横長の JPG バナーをアップロードすると、ツールが元のアスペクト比を保ったまま各正方形の中央に配置し、透明な余白で埋めるため、アイコンが引き伸ばされたり歪んだりすることはありません。
Apple touch と PWA アイコンだけ
一式をレンダリングさせてから、バッチ全体ではなく 180 px の Apple touch アイコンと 512 px の PWA アイコンだけを個別にダウンロードします。
よくある質問
- アップロードできる画像形式は何ですか？
- PNG または JPG 画像を 1 枚、ドロップまたは参照して選べます。ツールはその 1 枚のソース画像を読み込み、そこからすべての出力サイズをレンダリングします。
- どの favicon サイズを生成しますか？
- 5 つの正方形サイズを出力します。16・32・48 px の標準 favicon、180 px の Apple touch アイコン、512 px の PWA アイコンです。それぞれが個別の PNG ファイルになります。
- アイコンは PNG ですか、それとも ICO ファイルですか？
- 生成されるアイコンはすべて PNG です。このツールは、まとめた 1 つの ICO ファイルではなく、サイズごとに個別の正方形 PNG ファイルを生成します。
- 正方形でない画像は引き伸ばされますか？
- いいえ。各サイズは元のアスペクト比を保ち、高品質な canvas スケーリングで正方形の中央に配置され、余ったスペースは透明な余白で埋められます。
- 画像はサーバーにアップロードされますか？
- いいえ。すべては Canvas API を使ってブラウザ内でローカルに処理されます。画像が外部にアップロードされることは一切なく、ご自身のデバイス上で完全にプライベートな状態が保たれます。