خوب اول از همه یه کوچولو راجع به فاو آیکون یا FavIcon توضیح بدم
فاو آیکون یه تصویر که تو مرورگر کنار اسم سایت نمایش داده میشه
البته اینو بگم که تمام مرورگر ها این تصویرو نشون نمی دن وی مرورگر های پیشرفته و معروف مثل فایرفاکس، گوگل کروم، اپرا و... اونو نشون می دن
مثلا فاو ایکون الماس دیزاین یک نوشته است که حرکت می کنه و اونو می تونید بالا کنار اسم سایت ببینید
خوب؛ بریم سراغ آموزش:
1- تصویر: گفتم که فاو آیکون یه تصویره پس باید یه تصویر درست کنید
اندازه استاندارد فاو آیکون 16 در 16 است ولی می تونید از سیز های بزرگتر هم استفاد کنید و مرورگر به صورت خودکار تصویر رو تغییر انداره می ده
2- تبدی تصویر: خوب حالا فرض کنید تصویر فاو آیکون خودتون رو امده کردید و فرمت فایلتون jpg هست
تمام مرورگر ها تصاویر jpg رو نشون نمی دن پس باید تصویرتون رو به فرمت ico تغییر بدید و برایس این کار سایت ها و نرم افزار های زیادی هستند
3- درج کد html: خوب حالا تصویر آماده است و فقط باید کد رو بزارید توی بخش head
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">