آموزش تغییر و ساخت favicon
favicon چیست؟
اگر دقت کرده باشید ، هر سایتی رو که باز می کنید گوشه تب اون سایت یک آیکون کوچک هستش که به عنوان favicon سایت یا وبلاگ می شناسنش مثل شکل زیر.
فرمت و سایز favicon
معمولا فرمت favicon ها ico هستش اما می شود از فرمت های دیگر مثل png و بقیه هم استفاده کرد اما توصیه بر اینه که از ico استفاده کنید و اکثر سایت ها و خوده ماهم همین کار رو می کنیم.در مورد سایز هم بیشتر ۱۶ * ۱۶ پیکسل سایز استاندارد هستش.
ساخت آنلاین favicon
شاید براتون سوال باشه که با چه برنامه ای باید درستش کرد ؟! اکثرا با فتوشاپ امتحان می کنند اما فتوشاپ فرمت ico رو ساپورت نمی کنه.برنامه های زیادی وجود داره اما راحت ترین راه استفاده از سایت های آنلاین ساخت favicon هستش بدون درده سر می تونید از امکاناتش استفاده کنید و مثلا عکس خودتونو تو اون سایت آپلود کنید یا متن دلخواه … سایز رو هم انتخاب کنید و بعد آماده دانلود کنید.
من خودم سایت زیر رو پیشنهاد می کنم برای ساخت آنلاین ، سایت ساده ای هستش اما خوبه.
www.favicon-generator.org
کد قرار دادن favicon
باید کدهای زیر رو قبل از <head/> داخل سایت خودتون قرار بدید.
<link rel="shortcut icon" type="image/x-icon" href=".../myicon.ico" />
دقت کنید که کد بالا برای favicon ها با فرمت ico هستش اما اگر فرمت دیگه ای دارید مثل png باید از کد زیر استفاده کنید (اما ما همچنان ico رو توصیه می کنیم !! )
همینطور در کد بالا و این پایینی باید بجای myicon.ico/… باید آدرس جایی که آپلود کردین رو بدید.
<link rel="icon" type="image/png" href=".../myicon.png" />
دانلود favicon آماده
سایت هایی زیادی هستند که مجموعه با موضوعات مختلفی برای دانلود دارند من هم یکی از اون سایت ها که خوب هستش و بدون عضویت و رایگان می تونید با هر موضوعی که دوست داشتید با فرمت ico دانلود کنید.سایت زیر رو توصیه می کنم ،ساده اما خوب هستش.
www.freefavicon.com
از منو بالا موضوع مورد نظر خودتونو انتخاب کنید مثل Business , Network , Software , … .
تغییر favicon وردپرس
خوب خودتون استاد من هستید !! باید فایل header.php قالب وردپرس خودتونو ویرایش کنید و کد بالا را قرار بدید یا اگر فاوآیکونی هستش ، آدرس اونو عوض کنید.
محمد هستم، ممنونم خیلی خیلی خیلی این نیازبود مرسی بازم تشکر
سلام
ازسایت خوبتون بی نهایت سپاسگذارم
به یه مشکل جالب برخورده بودم قبلا ولی زیاد مهم نبود، حالا که وقت کردم میپرسم، من favicon رو تغییردادم، در فایرفاکس درسته ولی در مکستون و اینترنت اکسپلورر همون ایکون اصلی قالب که قبلا بوده رونشون میده. کش بروزرها و هیستوری و… رو پاک کردم بازم این مشکل پابرجاست. ممنون میشم راهنمایی بفرمایید.
سلام
نه مشکلی نیست اگر درست تغییر داده باشید ، با یک سیستمی که تا حالا سایتتون باهاش باز نشده تست کنید یا سایت های تست آنلاین سایت پیش نمایش بگیرید خیالتون راحت بشه .
مرسی، با اینکه ساده بود بهم کمک زیادی کرد!
سلام چه طوری باسد تو وبم بزارمش
سلام
میشه لطف کنید توضیح بدید که چطور میشه کنار عکس FAVICON یک نوشته هم داشت
مثل سایت شما که نوشته دکتر وردپرس آموزش تغییر و ساخت FAVICON
ممنون
سلام ممنون عالی ومفیدبود
دمت گرم آقا آرش!
خیلی این کاره ای !
لایک!
دکی دمت گرم
خب نمیشه من امتحان کردم نشد به منم بگید
سلام خسته نباشید بیزحمت می تونید یکم واضحتر توضیح بدید برای ساخت آخه من هر کار می کنم نمیتونم چطور درست کنم
دمت گرم داداش!
مرسی مفید بود
سلام
ممنونم ، سایت بسیار خوبی دارید
خواهش می کنم ، امیدوارم مطالب کاربردی باشند
موفق باشید
متشکرم استفاده کردم!
سلام آرش جان
نمیشه فوآیکن متحرک قرار داد؟؟؟
سلام ، من که راستش ندیدم !
سلام و خسته نباشید
آقا هرکاری گفتید رو به همون شکل انجام دادم ولی باز هم هیچی ! هیچ اتفاقی نمی افته ! همون برگه سفید باز جاش میاد . اگه میشه راهنمایی کنید .
سلام خواهش می کنم
اگر درست انجام دادین ، شاید تو کش مرورگرتون ذخیره شده اون تصویر سفید ، با یک مرورگر دیگه هم امتحان کنید …
سلام آقاي حيدري خسته نباشيد favicon تو enternet explorer نشون داده نمي شه ولي تو firefox نشون داده مي شه
سلام ، خیلی ممنون
با توجه به دیدگاه قبلی در رابطه با اسلاید شو عرض کرده بودید فکر کنم مرورگرتون مشکل داره ، چون favicon تو همه ی مرورگر ها نشون داده میشه .
سلام و خسته نباشید
من تازه شروع کردم که html php css رو یاد یگیرم و چند وقتی بود که دنبال همین favicon بودم ولی اسمشو نمی دونستم چیه.
تا این که بی صورت اتفاقی اینو دیدم خیلی خوب بود.
بعد یه سوالی برام پیش اومد این که چطور میتونم favicon های مختلف برای لینک های مختلف یک سایت تعریف کنم
مثلاً : واسه Home یه favicon و لینک Contact to us یه favicon دیگه. ممنون از سایت خوبتون
دوست عزیز فکر کنم اگر سایت استاتیک دارید یعنی همون html این کار امکان پذیر باشه که بیاید در تگ head هر صفحه favicon محتلف قرار بدید اما اگر از سیستم هایی مثل وردپرس استفاده می کنید که از صفحه header.php مشترک در تمام صفخات استفاده میه ، فکر نکنم این کار امکان پذیر باشه.