نقطه ویرگول;

هر از گاهی از هر چیزی

هر از گاهی از هر چیزی

اضافه کردن آیکون محبوب(favicon) به وب سایت

جمعه, ۲۹ بهمن ۱۳۸۹، ۱۲:۵۰ ب.ظ
حتما شما نیز آیکون محبوب(Favorite Icon) که به اختصار به آن favicon می گویند را در آدرس بار اکثر سایت ها دیده اید. آیکونی کوچک که در کنار آدرس اینترنتی وب سایت مشاهده می شود و معمولا لوگوی سایت یا قسمتی از آن است. در مواردی نیز این آیکون تنها یک رنگ است که رنگ مورد علاقه ی گروه را مشخص می کند. تقریبا تمامی مرورگرهای اینترنتی از "آیکون محبوب" پشتیبانی می کنند. نام دیگر آن، بوکمارک آیکون است که کمتر استفاده می شود.

برخی ویژگی های آیکون محبوب عبارت است از:
  • سایز تصویر بسیار کوچک است، در نتیچه هیچ نگرانی در مورد افزایش سرعت لود صفحه وجود ندارد
  • آیکون محبوب سایت ها کش می شوند، بدین معنا که تنها یک بار بارگذاری می شوند
  • شما می توانید به صورت دستی آن را تنظیم کنید، اما مرورگر به صورت خودکار به دنبال این آیکون می گردد
  • برند و اعتبار یک سایت را افزایش می دهد
  • حرفه ای بودن وب سایت و کاربران سایت؛ و توجه به جزئیات را نشان می دهد
  • اغلب مرورگرها این آیکون را در بوکمارک سایت شما، نمایش می دهند
  • نصب آن بسیار آسان است

نیازمند های "آیکون محبوب" و استفاده صحیح

اگر آیکون محبوب در وب سایت تعریف نشده باشد، مرورگر به دنبال فایل favicon.ico در پوشه اصلی سایت می گردد. آیکون محبوب باید یک فایل ico. باشد تا همه مرورگرها بتوانند آن را نمایش دهند، هرچند اکثر مرورگرها به جز IE از فرمت png. نیز پشتیبانی می کنند. بهتر است آیکون شما در اندازه 16x16 باشد و از پالت رنگی 256 رنگی استفاده کند. در صورتی که آیکون شما بزرگتر از اندازه 16x16 باشد، به این ابعاد، تغییر اندازه(resize) می یابد.

حال دو راه متداول قرار دادن "آیکون محبوب" را بررسی می کنیم:

نصب غیرمستقیم "آیکون محبوب"

فایل favicon.ico خود را در پوشه ی اصلی سایت قرار دهید. همین!

نصب مستقیم(دستی) "آیکون محبوب"

تگ تنها برای استایل دهی به صفحات استفاده نمی شود! شما می توانید "آیکون محبوب" خود را به صورت زیر در قسمت سایت تعریف کنید:


آموزش اضافه کردن آیکون محبوب(favicon) به وب سایت، در اینجا به پایان می رسد.

نظرات  (۴)

تبریک بابت آیکن محبوب سایت :D
۳۰ بهمن ۸۹ ، ۲۱:۳۲ سهیل نوین فرد
ممنون دوست عزیز! ;)
محمد فونت iran sans رو نصب کردم تو لینوکس واقعا خوشجله واقعا.. :D :X
بعله حالا هی از من گفتن و از تو نشنیدن :D

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی