Favicon

Favicon (مخفف Favorite Icon) یک آیکون کوچک (معمولاً 16×16 یا 32×32 پیکسل) است که کنار عنوان سایت در مرورگر، تب‌ها، لیست بوکمارک‌ها و گاهی هم در نتایج گوگل نمایش داده می‌شود.

📌 نحوه اضافه کردن Favicon

برای قرار دادن Favicon در سایت، از تگ <link> داخل بخش <head> استفاده می‌کنیم:

<head>
  <title>سایت من</title>
  <link rel="icon" type="image/png" href="favicon.png">
</head>

📝 ویژگی‌های مهم

  • rel="icon" → مشخص می‌کند این فایل Favicon است.

  • type → نوع فایل (مثل image/png, image/x-icon).

  • href → مسیر فایل آیکون.

📍 فرمت‌های رایج برای Favicon

  • .ico → قدیمی‌ترین و پرکاربردترین فرمت.

  • .png → پرکاربرد امروزی، کیفیت بالا و سبک.

  • .svg → برای آیکون‌های برداری (پیشنهادی برای ریسپانسیو).

🎨 مثال‌ها

1. آیکون با فرمت ICO

<link rel="icon" type="image/x-icon" href="favicon.ico">

2. آیکون PNG

<link rel="icon" type="image/png" href="favicon.png">

3. آیکون SVG

<link rel="icon" type="image/svg+xml" href="favicon.svg">

🚀 نکته‌های مهم

  • فایل Favicon معمولاً در ریشه سایت ذخیره میشه (/favicon.ico).

  • بهتره چند فرمت بذاری تا مرورگرهای مختلف بدون مشکل نمایش بدن.

  • اندازه پیشنهادی: 32×32 px یا 48×48 px (برای کیفیت بالاتر حتی 512×512 px).

  • برای موبایل و PWAها بهتره از manifest.json هم استفاده کنی.