ファビコンメーカー
画像・文字・アイコン・ドット絵から favicon.ico と各サイズの PNG を一括生成。
すべてブラウザ内で処理し、画像はサーバーに送信されません。
- 元になるものを選ぶ（画像をアップロード／文字・絵文字／アイコンから選ぶ／ドット絵を描く）
- 背景・角丸・余白を調整する（小さいほど潰れるので、余白は控えめが基本）
- ZIP でまとめてダウンロード（favicon.ico ＋ 各サイズ PNG ＋ site.webmanifest ＋ HTMLタグ）
- 出力された
<link>タグを<head>に貼る
favicon.ico は 16 / 32 / 48px を1ファイルに束ねた多重解像度アイコンです。
16pxでの見え方がすべてなので、右のプレビューの「実寸」で必ず確認してください。
プレビュー
実寸（ここが本番の見え方）
48
32
16
ブラウザタブでの見え方
サイトのタイトル
貼り付け用HTML
設定
ドラッグ＆ドロップ / クリック / ⌘V貼り付け
（透過PNG・SVG・JPEG対応）
アイコンを選んでください
ドラッグで連続して塗れます。透明のマスは背景がそのまま出ます（背景「透過」なら本当に透明）。
50% で完全な円になります
小さいほど中身が大きく見えます
HTMLタグに使うパス。サブディレクトリなら
/blog/ のように。
保存・呼び出し
いまのデザインに名前を付けて、このブラウザに保存できます（サーバーには送信されません）。 アップロードした画像は保存されません（容量のため）。アイコン・ドット絵・文字は保存されます。