تخطَّ إلى المحتوى الرئيسي
عُدّتك

مولّد ملف Manifest وأيقونات PWA

أداة مولّد ملف Manifest وأيقونات PWA تُنشئ ملف manifest.json كاملًا (الاسم، الألوان، وقائمة الأيقونات) مع مجموعة أيقونات PNG بالمقاسات القياسية، بالإضافة إلى أيقونات "maskable" بهامش أمان يمنع اقتصاصها عند تطبيق أنظمة التشغيل لقناع الشكل الخاص بها، وأيقونة Apple Touch منفصلة بخلفية غير شفافة — كل ذلك مضغوطًا في ملف ZIP واحد جاهز للاستخدام في تطبيق ويب تقدّمي (PWA). تتداخل هذه الأداة جزئيًا مع أداة مولّد أيقونة المفضّلة، لكنها تضيف ما لا تنتجه تلك الأداة: ملف manifest.json كامل وأيقونات maskable بهامش أمان صحيح. تعمل الأداة بالكامل داخل متصفحك؛ الصورة التي ترفعها لا تُرسل لأي خادم.

أدوات الصور يعمل محليًا بالكامل

تتم معالجة الصورة داخل جهازك عبر Canvas ولا يتم رفعها إلى خوادمنا.

تُنشئ الأداة ملف manifest.json كاملًا مع مجموعة أيقونات PNG بالمقاسات القياسية، وأيقونات "maskable" بهامش أمان يمنع اقتصاصها من أنظمة التشغيل، وأيقونة Apple Touch منفصلة — كل ذلك مضغوطًا في ملف ZIP واحد. هذه الأداة تتداخل جزئيًا مع أداة مولّد الأيقونة المفضّلة (favicon-generator)، لكنها تضيف ما لا تنتجه تلك الأداة: ملف manifest.json وأيقونات maskable بهامش أمان.

اسحب شعارًا أو صورة هنا أو اخترها

يُفضّل صورة مربعة بخلفية شفافة (PNG)

ما الذي تفعله هذه الأداة

تولّد ملف إعدادات تطبيق الويب التقدمي مع مجموعة الأيقونات التي يحتاجها، انطلاقًا من اسم التطبيق وألوانه وصورة شعار واحدة.

متى تستخدمها

  • تحوّل موقعك إلى تطبيق ويب قابل للتثبيت على الهاتف.
  • تحتاج أيقونات بالمقاسات والأنماط التي تطلبها أنظمة الهواتف.
  • تريد ملف إعدادات صحيح البنية دون كتابته يدويًا.

طريقة الاستخدام

  1. اكتب «اسم التطبيق» و«الاسم المختصر».
  2. اختر «لون السمة» و«لون الخلفية».
  3. ضع صورة الشعار في منطقة الرفع.
  4. راجع معاينات الأيقونات: العادية والقابلة للقَصّ ونسخة آبل.
  5. نزّل ملف ZIP الذي يضم ملف الإعدادات والأيقونات.

مثال عملي

المُدخَل

اسم تطبيق واسم مختصر ولونان وشعار مربع.

الناتج

ملف ZIP فيه ملف إعدادات جاهز ومجموعة أيقونات بالمقاسات والأنماط المطلوبة، بما فيها نسخة قابلة للقَصّ تظهر صحيحة داخل الأشكال المختلفة لأيقونات الأنظمة.

حدود الأداة

  • الأداة تولّد الملفات ولا تربطها بموقعك؛ عليك رفعها وإضافة الإشارة إليها في صفحات الموقع بنفسك.
  • الأيقونة القابلة للقَصّ تفترض أن الشعار يحتمل اقتطاع حوافه؛ الشعار الممتد إلى الحافة قد يُقصّ جزء منه في بعض الأنظمة.
  • تثبيت التطبيق يتطلب شروطًا أخرى في الموقع نفسه لا تعالجها هذه الأداة.

الخصوصية والمعالجة

الشعار يُعالَج داخل جهازك عبر لوحة الرسم ولا يُرفع، وملف الإعدادات يُبنى محليًا من القيم التي تكتبها.

ملاحظات تقنية

  • الأيقونة القابلة للقَصّ تُولَّد بهامش أمان حول الشعار، لأن أنظمة الهواتف تقصّ الأيقونة بأشكال مختلفة (دائرة أو مربع مدوّر) ولكل نظام شكله.

الأسئلة الشائعة

أداة مولّد أيقونة المفضّلة تُنشئ أيقونات PNG فقط بمقاسات شائعة. هذه الأداة تضيف ملف manifest.json كاملًا وأيقونات maskable بهامش أمان صحيح وأيقونة Apple Touch منفصلة — وهي عناصر لا تنتجها أداة مولّد أيقونة المفضّلة.

اكتشف بقية أدواتنا

عشرات المهام اليومية أصبحت أسهل مع عُدّتك.

تصفّح كل الأدوات