DESIGN

مولد Favicon — إنشاء أيقونة من نص

Favicon هو الأيقونة الصغيرة التي تظهر في تبويب المتصفح والإشارات المرجعية وشاشة الهاتف الرئيسية. إنه عنصر هوية بصرية مهم.

أحجام Favicon المطلوبة

  • 16×16: التبويب الأساسي في المتصفح
  • 32×32: تبويب عالي الدقة
  • 180×180: أيقونة لمس Apple
  • 192×192: شاشة Android الرئيسية
  • 512×512: شاشة تشغيل PWA

إضافة Favicon في HTML

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

نصائح تصميم Favicon

  • تصميم بسيط يمكن التعرف عليه بحجم 16×16
  • استخدم ألوان علامتك التجارية
  • استخدم الأحرف الأولى من اسم شركتك أو رمز الشعار
  • فكر في نسخة للوضع الداكن أيضاً