maskable アイコン安全領域ガイド

主体を安全な中心領域に収め、Android ランチャーでの切り抜き欠けを防ぎます。

入力チェック

  • 輪郭がはっきりした PNG/SVG を使用します。
  • 512 出力品質のため、1024×1024 ソース推奨です。
  • 細かすぎる要素は簡略化するとマスク後も見やすくなります。

3ステップ

  1. 画像をアップロードして余白モードをセーフに設定します。
  2. maskable プレビューで主体が端に近すぎないか確認します。
  3. ZIP から icon-maskable-192x192 / 512x512 を利用します。

ケース例

入力: 透明背景のアプリロゴ PNG。

設定: セーフ余白 + 単色背景(maskable 安定化)。

出力: 円形やスクワークル裁切でも主体が読みやすく保たれます。

FAQ

通常の 512 アイコンと何が違いますか?

maskable はマスク裁切前提のため、より広い安全余白が必要です。

背景は透明と単色どちらが良いですか?

多くのランチャーでは単色背景の方が見え方が安定します。

主体が端に近いかどうかの目安は?

文字や主要図形がプレビュー端に寄る場合はセーフモード推奨です。

関連リンク

アイコンジェネレーターに戻る

safe-area 設定をその場で調整して再出力。

favicon / PWA ガイド

通常の Web/PWA アイコン出力手順を確認。

Base64 Encode / Decode

画像デバッグ時の Base64 変換に利用できます。