PWA アイコンセット生成

正方形画像を1枚アップロードするだけで、9種のサイズPNGとそのまま貼り付けられるmanifest.jsonスニペットを自動生成します。

📲 正方形画像をドラッグまたはクリックで選択推奨 512×512以上 PNG·JPG·WebP

使い方

正方形画像をアップロード

512×512px以上の正方形PNG·JPG·WebP推奨。非正方形は中央基準で正方形にトリミングされます。

アイコンプレビュー

9種のサイズ(72/96/128/144/152/180/192/384/512px)が自動生成され表示されます。個別ダウンロードも可能。

一括ダウンロード + マニフェスト

「全てZIPダウンロード」で全PNGを一度に取得、「manifest.jsonスニペット」をコピーしてPWA設定に貼り付け。

なぜ正方形画像が必要？

PWAアイコンはすべて正方形で、非正方形の入力は中央基準でトリミングされます。ロゴが切れないようにするには事前に正方形にしてアップロードしてください。

512×512より小さい画像でも？

可能ですが大きいサイズ(384·512px)で画質が荒れる可能性があります。画質保存のため可能な限り512×512以上の原本を推奨。

maskableアイコンは別途必要？

maskableアイコンは「セーフゾーン」(80%)にロゴを収める必要があるため、事前にパディングを入れた別画像が必要。本ツールは単純リサイズのみ行うので、maskable用途にはパディング入りの原本を作成して再アップロードしてください。

なぜapple-touch-iconは180×180？

iOS Safariがホーム画面に追加する際の標準サイズが180×180です。本ツールはこのサイズを「apple-touch-icon-180x180.png」として自動出力します。

サーバーに送信されますか？

いいえ。すべてのリサイズはCanvas APIでブラウザ内で実行され、アップロードした画像が外部に送信されることはありません。