ایجاد 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

10 آذر، 1398

علی صیفی
help این مطلب به شما کمکی کرد؟

با لایک کردنتون ما متوجه میشیم چه مطالبی برای مخاطبین ما اهمیت بیشتری داره و در واقع تو ارائه مطالب کاربردی تر با ما کمک میکنید.


lock_open ورود به حساب کاربری

برای دسترسی به این بخش نیاز به ورود به حساب کاربر دارید.

how_to_reg وارد شوید


اولین نفری باشید که دیدگاه خود را بیان میکند!

مطالب اتفاقی


دنیای وب

معرفی وبسایت Unsplash

هنگامی که در حال برنامه نویسی هستید، گاهی اوقات به یک تصویر نیاز دارید. شاید شما از گوگل برای پیدا کردن تصویر مدنظرتا...

دنیای وب

استفاده از Animate.css

اگر تا کنون نام animate.css به گوشتان نرسیده است باید بدانید که این پلاگین، یکی از محبوب ترین و پراستفاده ترین پلاگین ه...

دنیای وب

معرفی Material Icons

شاید همه شما استفاد از Font Awesome را بلد باشید و از آن در پروژه های مختلف استفاده کرده باشید. مشکلی که در Font Awes...