وقتی شما 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 که میتونید ازش استفاده کنید : dynamicdrive.com
مرسی استفاده کردم
مرسی از مطالب مفیدتون
مرسی دوست عزیز.
خواهش می کنم ، امیدوارم که مفید واقع بشه 🙂 .
سلام مرتضی جان، ممنون از مطالب مفیدی که مینویسی.