HTML Favicon

فاوآیکون همان آیکون کوچک کنار عنوان صفحه در تب مرورگر، نشانکها و گاهی نوار آدرس است. برای افزودن فاوآیکون به صفحه وبسایت، معمولاً از تگ در داخل بخشفایل HTML استفاده میکنیم.
مثال ساده برای اضافه کردن فاوآیکون:
<head>
<title>وبسایت من</title>
<link rel=“icon” href=“favicon.ico” type=“image/x-icon” />
</head>
نکات مهم:
-
مقدار
href
مسیر فایل فاوآیکون را مشخص میکند. معمولاً فرمت.ico
است ولی مرورگرهای جدید از.png
،.svg
و.gif
هم پشتیبانی میکنند. -
rel="icon"
مشخص میکند که این لینک مربوط به آیکون است. -
type
نوع فایل آیکون را مشخص میکند و اختیاری اما توصیه شده است.
مثال با فاوآیکون PNG:
<head>
<title>وبسایت من</title>
<link rel=“icon” href=“favicon.png” type=“image/png” />
</head>
نمونه استفاده برای اندازههای مختلف آیکون:
<head>
<link rel=“icon” type=“image/png” sizes=“32×32” href=“/favicon-32×32.png”>
<link rel=“icon” type=“image/png” sizes=“16×16” href=“/favicon-16×16.png”>
<link rel=“shortcut icon” href=“/favicon.ico” type=“image/x-icon” />
</head>
دیدگاهتان را بنویسید