سرزمین عجایب

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

 

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده نمایید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
 
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc ‌این امکان را برای شما آماده کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید.
 
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
 
پس از طراحی در آن سایت ، فایل favicon را دانلود نمایید. فایل دانلود دارای نامی مانند این نام است:
 
wonder-land.ico
 
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:
 
 
<"link href="your icon adress" rel="shortcut icon>
 
 
این کد را باید بین عبارت های <head> و </head> قرار دهید.
 
پس از انجام این مراحل ، صفحه سایت خود را باز کنید تا آیکون را در کنار آدرس سایت را ببینید.
 
 در اکثر مرورگر ها  بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما گاهی اوقات  بعد از مدت زمانی نمایش داده خواهد شد.