مولد Favicon

1. نزّل أيقونات Favicon

الإعداد الأدنى الموصى به:

• 32×32 PNG - أعد تسميته إلى favicon.png (الأكثر شيوعاً)
• SVG - أعد تسميته إلى favicon.svg (المتصفحات الحديثة، قابل للتحجيم)

اختياري (لتغطية أفضل):

• 16×16 PNG - أعد تسميته إلى favicon.ico (المتصفحات القديمة)
• 180×180 PNG - أعد تسميته إلى apple-touch-icon.png (شاشة iOS الرئيسية)

2. أضف إلى موقعك

ضع الملفات في جذر موقعك أو دليل public وأضف هذه العلامات إلى HTML head:

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

نصائح

• استخدم تصميمات بسيطة وجريئة تعمل بأحجام صغيرة
• الرموز التعبيرية رائعة لأيقونات سريعة ومميزة
• SVG موصى به للمتصفحات الحديثة (قابل للتحجيم وحجم ملف صغير)
• استخدم ألواناً عالية التباين لرؤية أفضل