مولّد أيقونة PWA القابلة للقصّ (Maskable)

استورد شعارك واختر خلفية، ثم أنشئ أيقونة maskable متوافقة مع معيار تطبيقات الويب التقدمية (Progressive Web Apps): يبقى الشعار واضحًا حتى عندما يقصّ النظام الأيقونة على شكل دائرة أو مربع بحواف دائرية أو أي شكل آخر.

اسحب شعارك وأفلته هنا، أو انقر للاستعراض (يُفضَّل أن يكون شفافًا، الحد الأقصى 15 ميغابايت).

كيف يعمل

يجب أن تملأ الأيقونة maskable المربع بالكامل بما في ذلك الحواف (على عكس الأيقونة التقليدية ذات الهوامش الشفافة)، لأن نظام التشغيل يطبّق بعد ذلك شكل القصّ الخاص به (دائرة، مربع بحواف دائرية، قطرة...) فوقها. تمثل الدائرة المنقّطة الظاهرة في المعاينة منطقة الأمان القياسية (نحو 80% من القطر): أي شعار موضوع داخلها يبقى ظاهرًا مهما كان شكل القصّ الذي يطبّقه جهاز المستخدم.

هل يجب أن أوفّر أيضًا أيقونة تقليدية (غير maskable)؟

نعم، يُنصح بتعريف نوعَي الأيقونات في ملف manifest الخاص بتطبيق PWA (إدخال بالقيمة "purpose": "any" وآخر بالقيمة "purpose": "maskable")، لأن بعض الأنظمة لا تطبّق أي قصّ وتعرض الأيقونة "any" كما هي.

لماذا يتم إنشاء الحجمين 192x192 و512x512 معًا؟

الحجم 192x192 هو الحد الأدنى الموصى به لأيقونة الشاشة الرئيسية على معظم أجهزة Android، بينما يُستخدم الحجم 512x512 لشاشة البدء (splash screen) وللسياقات التي تتطلب دقة أعلى، مثل متاجر التطبيقات.

معالجة محلية بنسبة 100%: يتم تركيب الأيقونة بالكامل داخل متصفحك، ولا يُرسل شعارك إلى أي خادم.