نحوه گذاشتن آیکون برای وبسایت (favicon)

daskhatmin فواد طهماسبی
14,969 بازدید
آیکون برای وبسایت

وقتی شما favicon  برای وبسایتون قرار می دید این آیکون در چند قسمت نشون داده می شه ، در کنار آدرس سایت ، در قسمت bookmark هاتون و … که در زیر هم یک عکس نمونه قرار دادم :

Favicon

حالا نحوه قرار دادن این آیکون

برای اینکار باید کد زیر رو به قسمت <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

daskhatmin

فواد طهماسبی

فواد طهماسبی هستم، موسس وبسایت آموزشی دسخط. چندین سال تجربه کاری مرتبط با تکنولوژیهای توسعه وب دارم. علاقمند به ایده پردازی و توسعه کسب و کارهای اینترنتی هستم.

5 دیدگاه برای “نحوه گذاشتن آیکون برای وبسایت (favicon)”

  1. سارا گفت:

    مرسی استفاده کردم

  2. سارا گفت:

    مرسی از مطالب مفیدتون

  3. سعید گفت:

    مرسی دوست عزیز.

    1. مرتضی گفت:

      خواهش می کنم ، امیدوارم که مفید واقع بشه 🙂 .

  4. فؤاد طهماسبی گفت:

    سلام مرتضی جان، ممنون از مطالب مفیدی که مینویسی.

*اگر پرسشی دارید که مربوط به این مطلب نیست لطفا در بخش پرسشها مطرح کنید. در غیر این صورت دیدگاه شما تایید نخواهد شد.


کد HTMLCSSJavaScriptPHP