Favicon Generator
Favicon Generator — ブラウザで動作します。入力は保存されません。
ファビコン生成
値を入力してから「計算する」を押してください。
プレビュー
16×16
32×32
180×180 (Apple)
画像はブラウザ内でのみ処理され、サーバーへはアップロードされません。サイズごとのPNGをダウンロードしてください。
使い方
- 画像ファイルでロゴ・アイコン画像を選びます。正方形に近いファイルが鮮明です。
- 選択するとすぐ16×16、32×32、180×180（Apple）のプレビューが描かれます。
- ブラウザタブ用は16または32、iPhoneホーム画面用は180 PNGをダウンロードします。各欄のPNGをダウンロードを押します。
- 別の元画像に変えるときはリセットしてからファイルを選び直します。
- サイトにはダウンロードしたPNGを上げ、linkタグでつなぎます。ICOまとめファイルは作りません。
ポイント
ファビコン生成はロゴ1枚をタブアイコンとAppleタッチアイコンサイズに縮小してPNGで受け取るときに使います。16と32はファビコン、180はAppleタッチアイコン候補です。リサイズはブラウザキャンバス内だけで、元はアップロードされません。最近のブラウザの多くはPNGファビコンをサポートします。
ICOコンテナや複数解像度を1ファイルに入れる作業はしません。細かいディテールは16ピクセルで潰れることがあるので、太いシルエットアイコンが有利です。透明背景PNGはプレビューのチェック模様で透明領域を見積もれます。公開後にキャッシュで古いアイコンが残るときはファイル名を変えるか強制再読み込みが必要です。
例
正方形ロゴを上げると3サイズが一度に見えます。タブでは32 PNGをfaviconに、モバイルホーム追加では180 PNGをapple-touch-iconにする使い方がよくあります。長方形画像は中央が切れたり伸びたりすることがあるのでプレビューで構図を確認してください。16ピクセルでは細い線が消えるので、ロゴを単純化してから上げるとタブで識別しやすいです。公開後に古いアイコンが残るならファイル名にバージョンを付けるかキャッシュヘッダーを短くしてください。ライト・ダーク両方のタブ背景で見えるよう輪郭を付けた元が有利です。同じ入力を何度も試すときはリセットしてから貼り直し、前の出力と混ざらないようにします。共用PCなら作業後に入力欄を空にしてください。タブを閉じれば貼った値も消え、サーバーへ削除リクエストを送る必要はありません。
関連: 画像圧縮 · OG画像ジェネレータ
よくある質問
ファビコン生成はICOファイルも作りますか？
いいえ。サイズ別PNGだけ提供します。最近のブラウザはPNGファビコンをサポートします。
画像はサーバーにアップロードされますか？
いいえ。ブラウザキャンバス内でのみリサイズされます。
180×180はどこに使いますか？
Appleタッチアイコンサイズとして使うことが多いです。ホーム画面追加アイコンの候補です。
長方形ロゴでも大丈夫ですか？
縮小時に切れることがあります。余白のある正方形の元を推奨します。
透明背景は保たれますか？
PNGで受け取るので元の透明はだいたい保たれます。プレビューのチェック模様で確認してください。
3サイズをまとめたZIPも出ますか？
各サイズごとに別々のPNGダウンロードです。圧縮ファイルは作りません。
最終確認日: 2026-09-04