App Icon Mask Previewer とは何ですか?
Circle、Rounded Square、Squircle などのマスクをアイコンへ適用し、セーフエリアと複数サイズでの視認性を確認します。ToolHub の主要処理はブラウザ内で完結します。
このツールの使い方は?
- field prompt に従って data を入力し、必要な processing method を選択します。
- 「Process Now」をクリックすると result、indicator summary、必要な error message を確認できます。
- 内容が実際の要件を満たすことを確認したら、result を copy するか file として download して利用できます。
適したユースケース
App Icon、PWA、デスクトップアプリ、brand asset、公開前チェックに利用できます。処理はすべて現在のページ内で完結します。
結果の解釈と注意事項
プラットフォームのマスク仕様はシステムのバージョンによって変更される場合があります。正式に提出する際は、必ず最新のプラットフォーム仕様を確認してください。ツールは基本的な入力形式を検証し、分かりやすいエラーメッセージを表示しますが、本番利用では元の仕様、業務ルール、専門要件に照らして再確認してください。
ブラウザーとデバイスの対応状況
App Icon Mask Preview は、現在の Chrome、Edge、Firefox、Safari をサポートします。mobile と desktop の layout では、このページに記載した同じ validation rule を使用します。