مولّد أيقونة الموقع (Favicon)
حوّل شعارك إلى أيقونة موقع favicon.ico وأيقونات PNG بكل المقاسات، مع ملف manifest وأسطر HTML جاهزة.
اسحب الشعار إلى هنا أو اختره
يفضَّل PNG مربّع بمقاس 512 بكسل أو أكبر · حتى 12 ميغابايتأضف هذه الأسطر داخل وسم head في موقعك
طريقة الاستخدام
- اسحب الشعار إلى منطقة الإضافة أو اختره.
- راجع المعاينة بالمقاسات الصغيرة، وضع لونًا للخلفية إن كان الشعار شفافًا وأردت ذلك.
- اضغط «تنزيل حزمة الأيقونات» وفكّ الملف المضغوط في مجلد موقعك.
- انسخ أسطر HTML إلى داخل وسم head في صفحات الموقع.
أمثلة
- شعار مربعPNG بمقاس 512×512 ستة ملفات PNG وملف favicon.ico
- شعار عريضشعار 600×240 دون قص يظهر كاملًا في وسط المربع
- شعار عريض مع القصشعار 600×240 مع «قص من الوسط» مربع 240×240 من وسط الشعار
تفاصيل الأداة والخصوصية
حوّل شعارك إلى أيقونة الموقع (favicon) التي تظهر في تبويب المتصفح، مع أيقونات الهاتف وتطبيقات الويب. تنزّل حزمة واحدة فيها كل المقاسات وأسطر HTML الجاهزة.
يُعرض الشعار كاملًا في وسط المربع دون أن يُقص. وإن أردت أن يملأ المربع فاختر القص من الوسط.
الخيارات
- احتواء الشعار كاملًا، أو قصه من الوسط ليملأ المربع.
- لون خلفية اختياري خلف الأجزاء الشفافة.
الحدود
- صورة واحدة بصيغة PNG أو JPG أو WebP أو GIF، حتى 12 ميغابايت. ملفات SVG غير مدعومة.
- ملفات PNG بالمقاسات 16 و32 و48 و180 و192 و512 بكسل.
- ملف favicon.ico يضم المقاسات 16 و32 و48، والمقاسات الأكبر تأتي ملفات PNG مستقلة.
- الشعار الأصغر من 512 بكسل يُكبَّر، فتبدو الأيقونات الكبيرة أقل حدّة.
الخصوصية
تُصنع الأيقونات في متصفحك، ولا يُرفع الشعار إلى أي خادم.
أسئلة
ما هي أيقونة الموقع (favicon)؟
صورة صغيرة تظهر بجانب عنوان الصفحة في تبويب المتصفح وفي المفضلة ونتائج البحث، وتساعد الزائر على تمييز موقعك.
ما المقاسات التي يحتاجها الموقع؟
يكفي غالبًا ملف favicon.ico بمقاسات 16 و32 و48، وأيقونة 180 لأجهزة Apple، وأيقونتان 192 و512 لنظام Android وتطبيقات الويب. الحزمة تحتوي عليها كلها.
أين أضع الملفات بعد تنزيلها؟
ضعها في المجلد الرئيسي للموقع، ثم الصق الأسطر الموجودة في usage.html داخل وسم head. إن وضعتها في مجلد آخر فعدّل المسارات في تلك الأسطر.
لماذا تظهر خلفية سوداء في أيقونة iPhone؟
نظام iOS يملأ الأجزاء الشفافة في الأيقونة بالأسود. فعّل «ضع لونًا خلف الأجزاء الشفافة» واختر لونًا مناسبًا قبل التنزيل.