مولّد
favicon
أفلِت شعارًا واحدًا، واحصل على الحزمة الحديثة كاملة؛ ألسنة المتصفح، الشاشة الرئيسية للآيفون، Android، maskable؛ كل حجم يُرسَم ويُعرَض ويمكن تنزيله، مع وسوم link الدقيقة للصقها. صورتك لا تغادر متصفحك أبدًا.
أفلِت شعارك هنا
وسوم Link (الصقها في <head> لديك)
site.webmanifest (احفظه بجوار الأيقونات)
يقدّم Yetty الـ favicon وبطاقات المشاركة والبيانات المنظَّمة في كل صفحة تلقائيًا؛ ارفع الشعار مرة واحدة وتُدار التفاصيل.
كل منصة تريد
أيقونتها الخاصة
16 & 32 - ألسنة المتصفح
الـ favicon الكلاسيكي. صغير جدًا، لذا تصمد الأشكال البسيطة والتباين القوي؛ أما التفاصيل الدقيقة فتتحول إلى عجينة.
48 - Windows & Google
يعرض Google الـ favicon بجوار نتائج البحث ويفضّل مضاعفًا لـ 48px؛ هذا يستحق مكانه.
180 - الشاشة الرئيسية للآيفون
أيقونة apple-touch-icon. يُسطِّح iOS الشفافية إلى أسود، لذا تُصدَّر هذه على الخلفية التي اخترتها.
192 & 512 - Android
أحجام الشاشة الرئيسية وشاشة البدء، مُعلَنة في manifest تطبيق الويب لا في وسم link.
Maskable 512
يقتص Android الأيقونات إلى دوائر وsquircles. تحفظ نسخة maskable شعارك ضمن المنطقة الآمنة 80% كي لا يُقتَص شيء.
وسوم link & الـ manifest
الملفات وحدها لا تفعل شيئًا؛ وسوم head وsite.webmanifest تخبر المتصفحات بوجود كل أيقونة. كلاهما يُولَّد لك.
أسئلة شائعة عن الـ favicon
ما أحجام الـ favicon التي أحتاجها في 2026؟
الحزمة الحديثة العملية هي: 16x16 و32x32 بصيغة PNG لألسنة المتصفح، و48x48 لـ Windows ولنتائج بحث Google، و180x180 لأيقونة apple-touch-icon التي تستخدمها الآيفونات على الشاشة الرئيسية، و192x192 مع 512x512 لـ Android ولـ manifest تطبيق الويب لديك؛ ويُفضّل مع نسخة 512 maskable. صورة مصدر مربّعة جيدة واحدة، بحجم 512px أو أكبر، تغطي كل ذلك.
لماذا يبدو الـ favicon أسود على الآيفون؟
لأن iOS لا يدعم الشفافية في apple-touch-icon؛ أي بكسل شفاف يُسطَّح إلى أسود صريح عند حفظ الأيقونة على الشاشة الرئيسية. الحل هو أن تُسطِّح الأيقونة على لون خلفية بنفسك (أبيض، أو لون علامتك التجارية) قبل التصدير، وهذا بالضبط ما يفعله هذا الأداة لملف 180x180.
ما هي الأيقونة maskable؟
أيقونة Android مصمَّمة لتصمد أمام الاقتصاص إلى دائرة أو مربع مستدير أو squircle؛ كل صانع هاتف يختار شكله الخاص. القاعدة العملية: يجب أن يقع شعارك داخل دائرة منطقة آمنة تغطي 80% من الصورة، مع ملء الحافة الخارجية بخلفية صلبة بدل الشفافية. يُعلَن عنها في الـ manifest بـ "purpose": "maskable".