ایجاد Favicon برای وبسایت

در زبانه همه مرورگر ها یک آیکون مشاهده میشود که خاص هر وبسایت است. به این آیکون که در زبانه مرورگر مشاهده میشود Favicon میگویند. در این مطلب قصد داریم یک وبسایت به شما معرفی کنیم که به شما در ایجاد Favicon کمک میکند. به آدرس www.favicon.io بروید و آنجا چند ابزار مشاهد میکنید

• Generate from Text
• Generate from Image
• Generate from Emoji
• Looking for Logo

از ابزار Generate from Text میتوانید یک متن یا یک کاراکتر را به Favicon تبدیل کنید. eylay.ir هم از همین آپشن استفاده کرده است. سایر آپشن ها نیز با توجه به اسمشان مشخص است که چگونه Favicon ایجاد میکنند. شما میتوانید از یک تصویر و یا از یک اموجی استفاده کنید و نیز میتوانید یک لوگو ایجاد کنید. پس از اینکه به هرکدام از این طریق ها Favicon مورد نظر خود را ایجاد کردید، میتوانید آن را دانلود کنید و در فرمت های مختلفی Favicon از آن استفاده کنید. اگر Favicon مورد نظر خود را دانلود کنید متوجه میشوید در فرمت های ico و png و در ابعاد مختلف در اختیار شما قرار گرفته است. حال میتوانید از این favicon های ایجاد شده در وبسایت خود به طریق زیر استفاده کنید:

<link rel="apple-touch-icon" sizes="76x76" href="path/to/apple-touch-icon.png">
<link rel="icon" type="image/png" href="path/to/favicon.ico">

توجه داشته باشید که در مورد اول یک فایل png ضمیمه شده و در مورد دوم یک فایل ico