Favicon یک تصویر کوچک است که در کنار عنوان صفحه در تب مرورگر نمایش داده می‌شود.
شما می‌توانید هر تصویری را که دوست دارید به عنوان Favicon خود استفاده کنید. همچنین می‌توانید Favicon خود را در سایت‌هایی مانند https://www.favicon.cc بسازید.
نکته: Favicon یک تصویر کوچک است، بنابراین باید یک تصویر ساده با کنتراست بالا باشد.
یک تصویر Favicon در سمت چپ عنوان صفحه در تب مرورگر نمایش داده می‌شود، به این شکل:
مثالی از Favicon
برای افزودن یک Favicon به وب‌سایت خود، یا تصویر Favicon خود را در دایرکتوری روت وب‌سرور خود ذخیره کنید، یا یک پوشه به نام images در دایرکتوری روت ایجاد کرده و تصویر Favicon خود را در این پوشه ذخیره کنید. یک نام رایج برای تصویر Favicon "favicon.ico" است.
در مرحله بعد، یک عنصر <link> را به فایل "index.html" خود، بعد از عنصر <title>، به این شکل اضافه کنید:
مثال
<!DOCTYPE html>
<html>
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>حالا، فایل "index.html" را ذخیره کرده و آن را در مرورگر خود بارگذاری کنید. تب مرورگر شما باید اکنون تصویر Favicon شما را در سمت چپ عنوان صفحه نمایش دهد.
جدول زیر پشتیبانی فرمت فایل را برای یک تصویر Favicon نشان می‌دهد:
از عنصر <link> HTML برای درج Favicon استفاده کنید.
این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.
ترجمه شده از منبع: https://www.w3schools.com/