آیکون کوچک کنار عنوان تب
فاویکون (Favicon) همان آیکون کوچکی است که کنار عنوان صفحه در تب مرورگر، در بوکمارکها و در تاریخچهی مرورگر نمایش داده میشود. اضافه کردن آن یک نشانهی هویت بصری کوچک اما مهم برای هر سایت است.
افزودن فاویکون
برای این کار، یک عنصر <link> با rel="icon" در بخش <head> اضافه میشود که به فایل تصویر آیکون اشاره میکند.
favicon.html
<head> <link rel="icon" type="image/png" href="favicon.png"> </head>
نکات مربوط به فایل آیکون
- فرمتهای رایج شامل
.ico،.pngو حتی.svgهستند. - اندازهی معمول این تصویر ۱۶×۱۶ یا ۳۲×۳۲ پیکسل است، هرچند مرورگرها معمولاً آن را بهطور خودکار تغییر اندازه میدهند.
- بسیاری از مرورگرها اگر فایلی با نام
favicon.icoدر ریشهی سایت پیدا کنند، حتی بدون تعریف<link>هم آن را نمایش میدهند.
نکته: اگر فاویکون شما بعد از آپلود در مرورگر تغییر نکرد، مشکل معمولاً از کش (Cache) مرورگر است؛ یک بارگذاری کامل و اجباری صفحه (Hard Refresh) این مشکل را برطرف میکند.
هرچند فاویکون یک عنصر بسیار کوچک است، حضورش در هر پروژهی حرفهای تقریباً همیشه انتظار میرود و نبودش میتواند صفحه را ناتمام یا غیرحرفهای جلوه دهد.