ファビコン＋Manifestパック
favicon.ico、各種PNG、apple-touch-icon、Web App Manifestを一括生成。HTMLサンプル付。
ツール概要
使い方
- 元画像（正方形推奨）を読み込み。
- 必要なサイズや背景色/テーマカラーを設定。
- 出力先パスやファイル名を指定しZIPで一括DL。
- 提示されたHTMLタグとmanifestリンクをheadに貼り付け。
活用例
- 新規サイト立ち上げ時に必要なアイコン一式を一括生成。
- ブランド更新時のロゴ差し替え作業をスムーズに。
- PWA対応のためのマスク対応アイコンやManifest整備。
ポイント・知識
- 透明背景ロゴは背景色や余白（マスク）を考慮。
- PWA対応ならpurpose: "any maskable"のアイコンも含める。
- テーマカラーはOSのUI色（アドレスバー等）にも影響。