Favicon生成
絵文字や画像から、faviconとWeb App用アイコンをまとめて作成
1素材を選ぶ
固定デザインのNoto Emoji、またはJPEG・PNG・WebP画像を1枚使えます。
2見た目を調整
大きさ・位置・背景・形状を調整します。
背景
#ffffff3プレビュー
小さい表示では実際の出力サイズの画像を確認できます。
16px
32px
ブラウザタブ風
Apple Touch / Web App Icon
4出力
favicon.icoや各サイズのPNGを生成し、個別またはZIPで保存します。
Web App設定（任意）
site.webmanifestにサイト名を含めたい場合だけ入力してください。未入力でもfaviconは生成できます。
このツールについて
- 絵文字にはNoto Emojiの固定SVGを使用しています。対象アセットはApache License 2.0で提供されています。
- 絵文字またはJPEG・PNG・WebPからfavicon一式を生成します。
- favicon.ico、PNG、Apple Touch Icon、Web App用アイコンをまとめて保存できます。
- 手元の画像はサーバーへ送信せず、処理とファイル生成はブラウザー内で行います。
使い方
素材を選ぶ
Noto Emojiまたは手元の画像を1枚選びます。
大きさ・位置・背景を調整
スライダーで大きさ・位置を調整し、背景色や形状を設定します。
小サイズで確認
16px・32px・タブ風表示とApple Touch表示を確認します。
ファイルを生成・保存
ファイルを生成し、個別またはZIPで保存します。
よくある質問
favicon.icoにはどのサイズが入りますか？
16px、32px、48pxのPNG画像を格納します。
絵文字は端末によって見た目が変わりますか？
固定したNoto Emoji SVGを使うため、OS標準絵文字の字形には依存しません。
自分の画像はサーバーへ送信されますか？
送信しません。読み込み、描画、生成はブラウザー内で行います。
透明背景でも作れますか？
作れます。形状は最終画像へ焼き込みますが、プラットフォーム側がさらにマスクする場合があります。
SVG画像をアップロードできますか？
今回の入力対象はJPEG、PNG、WebPです。
maskable iconには対応していますか？
今回はmaskable用のpurposeは生成しません。