دليل web app manifest
ملف web app manifest (site.webmanifest) يُخبر المتصفحات الداعمة للتثبيت باسم تطبيقك وألوانه وأحجام الأيقونات المطلوبة للشاشة الرئيسية. اقرنه بأيقونتي PNG بمقاسي 192×192 و512×512 لإعداد PWA favicon متكامل.
اربط الـ manifest عبر <link rel="manifest" href="/site.webmanifest">. داخل ملف JSON، يجب أن تتضمّن مصفوفة icons إدخالات بمقاسي 192×192 و512×512 على الأقل بنوع image/png والغرض any (أضف نسخًا بقيمة maskable لأيقونات Android التكيّفية عند الحاجة).
عيّن قيمتي theme_color وbackground_color لتُطابقا هويتك البصرية — فهما يتحكّمان بلون شريط المتصفح وشاشة البداية أثناء التثبيت.
كيف يعمل
- 1
أنشئ ملفات PNG للأيقونات
بمقاسي 192 و512 من حزمة مولّد FetchFavicon.
- 2
أنشئ site.webmanifest
ضمّن الحقول: name، short_name، icons، theme_color، display.
- 3
اربطه في HTML
<link rel="manifest" href="/site.webmanifest"> بالإضافة إلى وسم meta الخاص بلون السمة.
جربه الآن
أنشئ حزمة أيقونات PWA
مولد Faviconالأسئلة الشائعة
هل ملف الـ manifest مطلوب لموقع عادي؟+
لا — فقط إن أردت ميزة التثبيت على الشاشة الرئيسية أو تجربة Android مُحسّنة. ملف favicon.ico وحده يكفي لعلامات التبويب.
ما أحجام الأيقونات المطلوبة في الـ manifest؟+
192×192 و512×512 مطلوبان لمحفّز التثبيت. يمكنك إضافة 384 أو أيقونات maskable لمزيد من التلميع.
هل يمكن استخدام SVG في الـ manifest؟+
Chromium يدعم SVG في بعض الحالات، لكن PNG هو الخيار الآمن لواجهات التثبيت عبر المتصفحات.