طريقة الاستخدام
| الملف | الاستعمال |
|---|---|
| favicon.ico (16، 32، 48) | كل المتصفحات |
| favicon-16x16 و32x32 | تبويب المتصفح |
| apple-touch-icon (180) | الشاشة الرئيسية في iPhone وiPad |
| android-chrome (192 و512) | أندرويد وتطبيقات الويب |
| favicon.svg | أيقونة حادة بأي حجم (عند استعمال حرف) |
ضع الملفات في جذر موقعك وأضف الكود إلى <head>. في ووردبريس يمكنك أيضاً رفع صورة 512×512 من «تخصيص ← هوية الموقع».
مثال عملي
حرف «ح» أبيض على خلفية خضراء بزوايا مستديرة يعطي حزمة من 9 ملفات جاهزة للرفع.
أسئلة شائعة
لماذا لا تظهر الأيقونة الجديدة؟
المتصفحات تحتفظ بالأيقونة القديمة؛ افتح الموقع في نافذة خاصة أو امسح ذاكرة التخزين.
ما أفضل صورة للشعار؟
صورة مربعة بخلفية شفافة (PNG أو SVG) وبتفاصيل قليلة، لأنها ستظهر بحجم 16 بكسل.
لماذا أيقونة Apple بخلفية ملونة؟
لأن iOS يضع خلفية سوداء للصور الشفافة، فنملؤها بلون الخلفية.