無料ツール
PWA マニフェストアイコンを書き出す
1024×1024 の PNG をドロップするだけ。Chromium の 192 と 512、Android 向け maskable、iOS の apple-touch-icon、manifest.json の抜粋をまとめます。
元画像
zip の内容
- icons/icon-192.png と icon-512.png — purpose any
- maskable 192 と 512 — ロゴは 80% セーフゾーン内
- apple-touch-icon.png — iOS のホーム画面追加用 180×180
- manifest.json と html-snippet.html
PNG / JPEG / WebP。正方形で、1024×1024 以上である必要があります。
使い方
マスターアイコンをアップロード
1024×1024 の PNG を使います。any アイコンは透明度を保持します。maskable と apple-touch は不透明な背景に合成します。
インストール用アイコンを生成
Chromium は 192×192 と 512×512 が必要です。maskable はロゴをキャンバスの 80% 内に収め、Android の形状で欠けないようにします。iOS は manifest ではなく 180 の apple-touch-icon を使います。
zip をダウンロード
manifest.json を web app manifest にマージし、HTML 抜粋を全ページに追加し、リンクしたパスで PNG をホストします。
その他の無料ツール
1024×1024 PNG から、現行の iOS・Android・Chrome 拡張機能アイコンサイズを書き出します。
favicon.ico、PNG ファビコン、apple-touch-icon を作成し、検索結果とタブに使えます。
Build with EasyStarter