PWAアイコン作成ジェネレーター｜マスカブル・各サイズ一括生成

AndroidやiOSなど、あらゆるプラットフォームに最適なPWA用アイコンを数秒で自動生成します。

プライバシー優先

  • ファイルがブラウザの外に出ることはありません
  • サーバーへのアップロードなし
  • お使いのデバイス上でローカルに処理

PWAアイコンとは何か、なぜ「Maskable Icon」が必要なのか？

PWAアイコンは、ホーム画面などに「インストール」されたときの視覚的なシンボルです。最新のAndroidシステムでは、多様な形状に切り抜くために「マスカブル・アイコン」を使用します。これらはセーフゾーンを持っているため、全てのシステムテーマであなたのブランドを確実に表示します。

プロフェッショナルなPWAアイコンセットのための3ステップ

コーディングやマニフェストファイルの管理から解放。数秒でブラウザ上で直接PWAプロジェクトを完結させましょう。

  1. マスターアイコン（512x512）をアップロード： 最高の品質のためにPNGを使用してください。
  2. Maskableと標準アイコンを生成： リサイズや標準準拠はブラウザ内でローカルに即座に行われます。
  3. マニフェストスニペットをコピー： Lighthouseで100点を獲得するためのコードとファイルを取得しましょう。

Pixes.appの利点

完璧なスコアのためのLighthouse準拠。画像とmanifest.jsonコードの両方を生成。100%のプライバシーのためにブラウザ内でローカルに実行。無料、迅速、登録不要。AndroidおよびiOSの2026年標準をサポート。

このツールの使い方

  1. 最高解像度の画像、できれば512x512ピクセルのPNGファイルを選択してください。「画像を選択」をクリックします。
  2. ファイルをアップロードすると、当社のツールが即座に192x192（汎用）、512x512（スプラッシュ画面）、および「maskable-icon-512x512」バージョンを同時に生成します。
  3. manifest.jsonファイルに貼り付ける必要がある「icons」配列を生成します。「コードをコピー」をクリックして、ZIPアーカイブで一式をダウンロードしてください。

関連ツール

よくある質問 (FAQ)

PWAに最適なファイル形式は？
PNG形式が標準です。透明なPNGは互換性の面で最適な選択肢です。
「Maskable」アイコンとは何ですか？
元のロゴを損なうことなく、Androidがさまざまな形状に適切に切り取ることを可能にするアイコンです。
manifest.jsonにはどのアイコンを追加すべきですか？
最低でも192x192と512x512です。当社のツールは、完全なコードブロックを提供します。
インストール後にPWAアイコンが表示されないのはなぜ？
多くの場合、manifest.json内のパス（Path）の誤りが原因です。パスがプロジェクトフォルダと完全に一致しているか確認してください。