وقتی شما favicon برای وبسایتون قرار می دید این آیکون در چند قسمت نشون داده می شه ، در کنار آدرس سایت ، در قسمت bookmark هاتون و … که در زیر هم یک عکس نمونه قرار دادم :
نحوه قرار دادن این آیکون:
برای اینکار باید کد زیر رو به قسمت <head> اضافه کنید :
<link rel=“shortcut icon” href=“http://yoururl/favicon.ico” title=“Favicon” />
این هم یک نمونه کامل :
<head>
<title>your website title</title>
<link rel=“shortcut icon” href=“http://example.com/favicon.ico” title=“Favicon” />
<link rel=“stylesheet” href=“http://example.com/style.css” type=“text/css”/>
</head>
<body>
can you see favicon ?
</body>
به نکات زیر هم توجه داشته باشید :
قبلا آیکون مورد نظرتون رو آپلود کرده باشید و مسیرش با مسیری که داخل کد نوشتید یکی باشه.
اگه از فرمت های دیگه به غیر از ico استفاده کنید امکان داره برخی مرورگرها نمایش ندن.
معمولا بهتره فرمت آیکون رو ico و مسیرش رو root انتخاب کنید.
اینم یه شکل آنلاین خوب برای تبدیل عکس به favicon که میتونید ازش استفاده کنید
kookdownload.com
