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