مولّد أيقونات PWA
ولّد الأيقونات التي يحتاجها تطبيق ويب قابل للتثبيت — ملفات PNG بمقاسي 192 و512px إضافة إلى site.webmanifest — من صورة واحدة، بالكامل في متصفحك.
الخصوصية أولًا: تتم معالجة كل صورة محليًا داخل متصفحك. لا يُرفع أي شيء أو يُخزَّن أو يُرسَل إلى أي خادم.
الأيقونات التي تجعل التطبيق قابلًا للتثبيت
يُحكَم على تطبيق الويب التقدّمي بقابلية التثبيت استنادًا إلى أيقوناته جزئيًا: إذ تبحث المتصفحات عن بيان ويب يعلن ملف PNG بمقاس 192×192 وآخر بمقاس 512×512 على الأقل قبل أن تعرض مطالبة التثبيت أو تضع أيقونة لائقة على الشاشة الرئيسية. يعرض هذا المولّد كليهما من صورتك المصدر ويكتب ملف site.webmanifest يشير إليهما، إلى جانب أيقونة apple-touch-icon التي يريدها iOS وملف favicon.ico للتبويبات العادية.
شكّلها لمشغّل التطبيقات
قد تقنّع مشغّلات Android الأيقونة في دائرة أو مربع مستدير الزوايا، فالعمل الفني الممتدّ حتى الحافة قد يُقتطع. أضف حشوًا وخلفية مصمتة هنا فيبقى الجزء المهم داخل المنطقة الآمنة أيًّا كان القناع المطبَّق؛ وتعرض المعاينة الحيّة النتيجة بكل مقاس. كل شيء يُعرض على جهازك عبر واجهة Canvas — فلا يُرفع شعارك أبدًا — وتُنزَّل المجموعة كاملة في ملف zip.
الأسئلة الشائعة
- هل تُرفع صورتي لإنشاء أيقونة الموقع؟
- لا. يُنشأ ملف favicon.ico وأيقونات PNG وملف البيان جميعها محليًا في متصفحك باستخدام واجهة Canvas. لا تغادر صورتك جهازك أبدًا.
- ما الأحجام والملفات التي أحصل عليها؟
- ملف favicon.ico متعدد الدقات (16 و32 و48 بكسل)، وأيقونات PNG بأحجام 16 و32 و48 و180 (apple-touch-icon) و192 و512 بكسل، وملف site.webmanifest، ومقتطف HTML للصقه داخل <head>.
- هل يمكنني تحويل PNG أو SVG إلى ICO؟
- نعم. أسقط صورة PNG أو JPG أو SVG أو WebP ونزّل ملف favicon.ico حقيقيًا. تُنقَّط شعارات SVG محليًا بدقة عالية أولًا.
- أي صورة تعطي أفضل نتيجة؟
- صورة مربّعة بشعار بسيط عالي التباين. تُقصّ الصور غير المربّعة من الوسط لتلائم الإطار؛ استخدم أداتي الحشو والشكل لتأطيرها كما تريد.
- كيف أثبّت أيقونة الموقع؟
- فُكّ ضغط الحزمة في المجلد الجذري لموقعك، والصق مقتطف HTML المرفق داخل <head> في صفحاتك. تلتقط معظم المتصفحات ملف favicon.ico تلقائيًا.