آموزش درج فاوآیکون ( FavIcon ) برای وب سایت
از سری آموزش های طراحی وب سایت , امروز به آموزش درج فاوآیکون برای سایت میپرازیم .
فاوآیکون ( FavIcon ) همان عکس کوچکی می باشد که بیشتر سایت ها از اون بهره میبرن و میتوان اون رو نماد یا لوگویی از سایت دونست
مثلا سایت اسکریپت دات کام دارای فاوآیکونی به شکل توت فرنگی میباشد .
قرار دادن فاوآیکون برای یک وب سایت الزامی نیست اما طبیعتا به چهره , زیبایی و پرستیژ سایت کمک بسیاری میکند .
و اما آموزش :
ابتدا باید تصویر مورد نظر خود را به سایز 16*16 در آورید یا اگر تصویری از قبل ندارید و خود مایل به ساخت آیکون هستید , باید یک تصویر با اندازه 16*16 پیکسل را طراحی کنید .
حال باید فرمت ( پسوند ) تصویر را از png یا jpg به فرمت ico. تبدیل کنید تا تمامی مرورگرها قادر به نمایش فاوآیکون ما باشند .
برای این کار یا میتوانید از نرم افزار های تبدیل کننده نظیر axialis و یا وب سایت favicon.cc استفاده نمایید . مسلما وب سایت favicon.cc بسیار راحت تر و سریعتر این کار را برای ما به صورت رایگان انجام میدهد.
حال پس از تبدیل تصویر مورد نظر خود به فرمت ico. کافیست برای قرار گیری در وب سایت خود , مراحل زیر را انجام دهید .
ابتدا نام تصویر خود را به favicon تغییر داده و در root سایت خود آپلود نمایید .
یعنی فایل favicon.ico را در root سایت خود قرار دهید . منظور از root , همان جایی هست که فایل index.html یا index.php سایت شما در آنجا قرار دارد . ( یعنی مثلا در هاست لینوکسی , داخل پوشه public_html یا www یا htdocs )
حال کد زیر را در بالای سایت خود , در بین دو تگ <head> و <head/> قرار دهید .
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
توجه : حتما تمامی کارکتر های نام عکس را با حروف کوچک بنویسید …
آموزش : وحید مجیدی
پخش اختصاصی
آقا وحید آموزشت عالی بود و خیلی ممنون از زحماتی که کشیدی
سلام یه دنیا تشکر وسپاس از راهنمایتون
استاد راستش نمیدونم منظورتون از استاتیک چی هستش ؟اینم وبم http://setaya45.blogfa.com زیاد سر درنمیارم.
دوست عزیزم شما وب سایت ندارید . وبلاگ دارید و متاسفانه برای وبلاگ این امکان وجود ندارد
سلام
دادا کلا نا امیدش نکن
توی وبلاگ هم میشه این آیکونه رو گذاشت
منتها آدرس عکس رو میزاری تو یه آپلود سنتر
بعضی از وبلاگها هم جدیدا به وبلاگ نویساشون فضای آپلود میدن
ممنون
تا چند وقت پیش این امکان وجود نداشت . ولی اگر شما میفرمایید که حتما اضافه شده
با تشکر
سلام روزتون بخیر من برای درج فاو آیکون همه ی مراحل را که گفتید انجام دادم (حال پس از تبدیل تصویر مورد نظر خود به فرمت ico. کافیست برای قرار گیری در وب سایت خود , مراحل زیر را انجام دهید .)حالا نمیدونم چطوری تو وب سایتم قرار بدم؟بایستی تو ویرایش قالب باشه یا ….ممنون میشم راهنماییم کنید
از مدیریت محتوای خاصی استفاده میکنید یا اینکه سایتتون استاتیک هست ؟
سلام خسته نباشید عالی بود فقط من نمیدونم http://www.favicon.cc/? الان باید تو وبم کدوم قسمت بذارم؟ ممنون میشم کمکم کنید.
ببخشید متوجه نشدم چی فرمودین
آقا خداییش یه دونه باشی .
تمامی آموزش هات عالی , کامل و به زبان ساده هست
واسه من تازه کار خوبه