برای ساخت یک آیکن با فرمت ico نیاز به برنامه هایی تحت عنوان سازنده آیکن دارید برای مثال axialis iconworkshop انتخاب مناسبی است، سپس در فتوشاپ آیکنی در ابعاد 16×16، 32×32 یا 64×64 پیکسل با طرحی دلخواه و با فرمت png بسازید (در نهایت ما به اندازه 16×16 پیکسل نیاز داریم)، سعی کنید از ترکیب رنگی یک دست و به صورت متمایز استفاده کنید، مثلا از رنگهایی که شباهت زیادی به هم دارند یا از سایه ها کمتر استفاده کنید، چرا که با کوچک شدن آیکن، وضوح تصویر نیز کاهش می یابد و ممکن است فرم مورد نظر را از دست بدهد، آزمون و خطا روش خوبی است تا به انتخاب ایده آل خود نزدیک شویم؛ سپس تصویر مورد نظر را وارد برنامه سازنده آیکن کنید و با اندازه 16×16 پیکسل و ترجیحا با استاندارد رنگی true colors از آن خروجی بگیرید، آنگاه فایل خروجی را در سروری آپلود و آدرس آن را در لینک زیر جایگزین نمائید و کد را در قسمت هدر صفحه یا قالب (بین تگهای head) قرار دهید.

کد قرار دادن آیکن در نوار آدرس، سازگار با تمام مرورگرها


همانطور که گفتیم، فرمت استاندار favicon، فرمت ico است، اما برخی از مرورگرها از فرمتهای دیگر نیز پشتیبانی می کنند، به هرصورت کد زیر به صورت استاندارد برای این کار استفاده می شود.

<link rel="shortcut icon" href="http://yoursite.com/favicon.ico" type="image/x-icon" />

کد قرار دادن آیکن در نوار آدرس، سازگار با برخی از مرورگرها


مرورگرهایی نظیر فایرفاکس از آیکن های متحرک (با فرمت gif) نیز پشتیبانی می کنند، به عنوان یک ترفند می توانید هر دو روش را با هم استفاده کنید تا در مروگرهایی که از این فرمت پشتیبانی نمی کنند، آیکن ساده نشان داده شود و در سایر مرورگرها، به صورت متحرک.

<link rel="icon" type="image/gif" href="http://yoursite.com/gif-favicon.gif" />

چند توصیه:
-
بهتر است از آیکن های متحرک استفاده نکنید، چرا که نظر کاربران به جای اینکه به مطالب سایت یا وبلاگتان جلب شود، بیشتر به آیکن متحرک در نوار آدرس جلب می شود.
-
اندازه فایل را در حد امکان کم حجم ایجاد کنید، ارزش این کار مخصوصا زمانی که کاربران با وسایلی نظیر تلفن همراه در حال مرور صفحات یا فید آر اس اس وبلاگ یا سایتتان هستند، مشخص می شود.
-
سعی کنید آیکنی ساده و واضح بسازید، به یاد داشته باشیم که فاوآیکن تنها یک نشانه است و قرار نیست تمام محتوای صفحات خود را در آن نشان دهیم.

 


نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:






موضوعات مرتبط: وبلاگ نويسي ، ،
برچسب‌ها:

تاريخ : شنبه 7 فروردين 1395برچسب:, | 5:59 | نویسنده : محمد |

.: Weblog Themes By SlideTheme :.


  • سحر دانلود