زندگی آنلاین
نگاهی نو به زندگی دیجیتالی
درباره وبلاگ


هرکسی که دوست داشت در این وبلاگ نویسندگی کنه،شرایط خودش را در فرم تماس با ما اعلام کنه و همچنین ایمیل تون رو قرار بدید تا باهاتون تماس بگیریم.

مدیر وبلاگ : Mohammad Chehregani
نویسندگان
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :

معرفی ۱۳ ابزار آنلاین برای ساختFavicon

مخفف کلمه “Favorites Icon”می باشد و آیکون کوچکی است که در کنار اسم وب سایت شما قرار می گیرد و در قسمت favorites list یا همان Bookmarks مرورگر کاربر در کنار آدرس وب سایت قرار می گیرد . معمولاً Favicon ها باید اندازه ای ۱۶ در ۱۶ پیکسلی داشته باشند تا به خوبی نمایش داده شوند اما ساخت یک favicon زیبا در این فضای کم کار سختی به نظر می رسد. برای این کار نرم افزارهای مختلفی وجود دارد اما در این مطلب به شما ۱۳سایت معرفی می کنیم که به صورت رایگان ابزارهای ساخت favicon یا تبدیل تصاویر به faveicon را در اختیار شما قرار می دهند.

۱- iConvertIcons :

این سایت که یکی از بهترین سایت ها در زمینه ی سایت Favicon است قابلیت تبدیل تصاویر به آیکون را دارا می باشد؛ آیکون هایی که این سایت می سازد در اندازه های مختلف و با کیفیت فوق العاده بالایی در اختیار شما قرار می گیرند. همچنین می توانید آیکون را مناسب با سیستم عامل های مختلف مثل لینوکس، ویندوز و مکینتاش ذخیره کنید.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت iConvertIcons

2- Favicon.cc :

این سایت که یکی از معروف ترین سایت ها در زمینه ی ساخت favicon است علاوه بر این که یک فضای پیکسلی در اختیار شما قرار می دهد تا تصویر خود را رسم کنید امکان تبدیل تصاویر به آیکون را نیز فراهم کرده است.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Favicon

3- FaviconEditor :

این سایت نیز امکان رسم آیکون یا تبدیل تصاویر به آیکون را به نحوی متفاوت در اختیار شما قرار می دهد.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Favicon Editor

4- Online Fav-Icon Creator :

این سایت برخلاف ظاهر ساده ای که دارد از امکانات خوبی برخوردار است و با استفاده از آن به راحتی می توانید favicon مورد نظرتان را رسم کنید.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Online Fav-Icon Creator

5- Favicon Generator Tool :

این سایت به شما اجازه می دهد تا تصویر موردنظرتان را با فرمت png , gif , jpg حداقل با حجم ۱۰۰ کیلوبایت آپلود کرده و سپس آن را به favicon تبدیل کنید.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Favicon Generator Tool

6- Favicon Editor :

علاوه بر امکاناتی که سایت های قبلی در اختیار شما قرار می دهند این سایت یک گالری از Favicon های زیبا دارد و شما می توانید از بین این آیکون ها یکی را انتخاب کنید.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Favicon Editor

7- Convertico :

این سایت قابلیت تبدیل تصاویر png به ico و بالعکس به صورت سریع را در اختیار شما قرار می دهد. برای این کار نیاز به نصب هیچ نرم افزار خاصی ندارید ، تنها کافیست این کار را با ۳ کلیک انجام دهید.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Convertico

8- FaviconR :

این سایت مانند سایت Favicon Generator Tool عمل تبدیل تصاویر با فرمت های png, jpg, gif به Favicon را انجام می دهد با این تفاوت که حداکثر حجم تصاویر ۱۵۰ کیلوبایت است.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت FaviconR

9- Iconfu :

این سایت یکی از حرفه ای ترین سایت ها برای رسم favicon است به صورتی که امکانات زیادی برای این کار در اختیار شما قرار می دهد. علاوه بر این می توانید favicon خود را از بین ۱۲ هزار آیکونی که در این سایت وجود دارد انتخاب کنید.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Iconfu

10- Favicon Maker :

این سایت ساده ترین سایت برای ساخت favicon است و امکانات کمی در اختیار شما قرار می دهد.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Favicon Maker

11- GenFavicon :

برای ساخت favicon در این سایت باید ابتدا تصویر مورد نظرتان را آپلود کنید سپس اندازه ی دلخواهتان را انتخاب کنید تا بتوانید آن را ویرایش و بعد ذخیره کنید.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت GenFaveicon

12- Favicons Drawer :

این سایت هم امکان آپلود تصویر و رسم favicon را در اختیار شما قرار می دهد. این سایت مشابه IconFu یک گالری دارد که می توانید Favicon دلخواهتان را از آن انتخاب کنید.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Favicons Drawer

13- Favikon :

این سایت به شما امکان می دهد تا تصویر مورد نظرتان را با فرمت png, jpg , gif و حداکثر حجم ۵ مگابایت آپلود کنید و اگر اندازه ی آن بیش از حد مجاز باشد آن را ویرایش کنید.

 معرفی 13 ابزار آنلاین برای ساخت favicon - www.ittutorial.ir

ورود به سایت Favikon

قرار دادن آیکون برای سایت (favicon)

حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد داریم چگونگی قرار دادن این آیکون ریز را به شما آموزش دهیم.

برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:

<link href="http://adres-shoma/blogskin.ico" rel="shortcut icon">

این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)

پس از انجام این مراحل ، صفحه سایت خود را باز کنید تا آیکون را در کنار آدرس سایت ( در برخی مرورگر ها هم کنار عنوان سایت) ببینید.
توجه کنید که در اکثر مرورگر ها بلافاصله بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما متاسفانه گاهی اوقات در مرورگر اینترنت اکسپلورر بعد از مدتی (معمولا بین ۱۰روز تا یک ماه) نمایش داده خواهد شد.

برای آپلود فایل ها نیز می توانید از این سایت هم استفاده کنید که اکثر فرمت ها را پشتیبانی می کند!

منابع:ITTutorial و Bloghelp





نوع مطلب : گرافیک کامپیوتر و اینترنت، طراحی وب، 
برچسب ها : favicon چیست؟، favicon، راهنمای ایجاد favicon، ساختن favicon، نحوه ی ایجاد favicon، درباره ی favicon، طراحی وبسایت،
لینک های مرتبط :

       نظرات
سه شنبه 14 دی 1389
Mohammad Chehregani
یکشنبه 26 شهریور 1396 08:15 بعد از ظهر
Good day! I just want to give you a big thumbs up for the excellent information you have got right here
on this post. I'll be coming back to your site for more soon.
چهارشنبه 15 شهریور 1396 05:03 بعد از ظهر
Hello, i think that i saw you visited my blog
so i came to “return the favor”.I'm attempting to find
things to improve my web site!I suppose its ok to use a few of your ideas!!
جمعه 16 تیر 1396 05:16 قبل از ظهر
My brother suggested I may like this web site. He was totally right.
This put up truly made my day. You can not consider simply how
so much time I had spent for this info! Thanks!
سه شنبه 13 تیر 1396 10:06 بعد از ظهر
We're a bunch of volunteers and starting a brand new scheme in our community.
Your web site provided us with useful information to work
on. You have done a formidable job and our whole group might be grateful to you.
دوشنبه 25 اردیبهشت 1396 02:36 بعد از ظهر
Touche. Great arguments. Keep up the good effort.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر