کاربرد آیکون سایت و نحوه قرار دادن آن

کاربرد آیکون سایت و نحوه قرار دادن آن


آیکون سایت یا Favicon همان تصویر 16 پیکسل در 16 پیکسل کوچکی است که مرورگرها برای معرفی گرافیکی برند در کنارآدرس سایت نمایش میدهند. نام آیکون سایت یعنی Favicon در ابتدا توسط مایکروسافت و برای مرورگر اکسپلورر معرفی شد و مخفف دو کلمه Favorite و Icon بود زیرا برای آیکون سایت را در کنار صفحات شاخص (bookmark) به نمایش میگذاشت.همانطور که در تصویر بالا مشاهده میکنید صفحات زیادی در مرورگر باز شده است که تشخیص آنها فقط از طریق آیکون سایت ممکن است. با توجه به زیاد بودن صفحات اسم و آدرس صفحات دیده نمیشود و کاربران تنها از روی ایکون سایت میتوانند به صفحه مورد نظرشان بروند. زمانیکه شما صفحه ای را bookmark یا نشانه گذاری میکنید آیکون سایت در کنار نام آن نمایش داده میشود. این تصویر از مرورگر کروم گرفته شده ولی آیکون سایت در تمام مرورگرها به همین شکل نمایش داده میشود.طراحی آیکون برای سایت موارد زیر را بهمراه خواهد اشت:برندینگشناسایی سریع صفحه شما از روی آیکون سایت برای کاربرانظاهر مناسب و حرفه ای برای سایتدر کنار عواملی مانند برندینگ و شناسایی توسط کاربران، طراحی آیکون سایت ظاهر زیباتر و حرفه ای به سایت شما میبخشد. اگر آیکون سایت نداشته باشید چیزی که مرورگر برای کاربران نمایش میدهد تصویر یک فایل خالی است مانند تصویر زیر:حال شما باید یک آیکون خوب برای سایت مورد نظر خود طراحی کنید و آن را با روش زیر در سایت خود قراردهید:برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شماشما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gifچنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.icoاین فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:<link href=&quotآدرس آیکون آپلودی شما&quot rel=&quotshortcut icon&quot>این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)پس از انجام این مراحل ، صفحه سایت خود را باز کنید تا آیکون را در کنار آدرس سایت (در برخی مرورگر ها هم کنار عنوان سایت) ببینید.توجه کنید که در اکثر مرورگر ها بلافاصله بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما گاهی اوقات  بعد از مدتی (معمولا بین ۲روز تا یک ماه) نمایش داده خواهد شد.

منبع

Author: admin

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *