آیکون سایت
سلام خیلی خوش امدید به مهراکت در این مطلب قصد داریم راجب موضوع ها یآیکون سایت چیست؟ و طراحی برای سایت موارد زیر را بهمراه خواهد اشت:
صحبت کنیم تا انتها با مهراکت همراه باشید.
آیکون سایت چیست؟
آیکون سایت یا Favicon همان تصویر 16 پیکسل در 16 پیکسل کوچکی است
که مرورگرها برای معرفی گرافیکی برند در کنارآدرس سایت نمایش میدهند.
نام یعنی Favicon در ابتدا توسط مایکروسافت و برای مرورگر اکسپلورر معرفی شد و مخفف دو کلمه Favorite و Icon بود زیرا برای را در کنار صفحات شاخص (bookmark) به نمایش میگذاشت.
به تصویر زیر دقت کنید که آیکون سایت وبسیما را در میان سایتهای دیگر نشان میدهد.
نمایش آیکون سایت توسط مرورگر
همانطور که در تصویر بالا مشاهده میکنید صفحات زیادی در مرورگر باز شده است که تشخیص آنها فقط از طریق آیکون سایت ممکن است. با توجه به زیاد بودن صفحات اسم و آدرس صفحات دیده نمیشود و کاربران تنها از روی ایکون سایت میتوانند به صفحه مورد نظرشان بروند. زمانیکه شما صفحه ای را bookmark یا نشانه گذاری میکنید آیکون سایت در کنار نام آن نمایش داده میشود. این تصویر از مرورگر کروم گرفته شده ولی آیکون سایت در تمام مرورگرها به همین شکل نمایش داده میشود.
بیشتر بدانید
طراحی آیکون برای سایت موارد زیر را بهمراه خواهد اشت:
- برندینگ
- شناسایی سریع صفحه شما از روی آیکون سایت برای کاربران
- ظاهر مناسب و حرفه ای برای سایت
در کنار عواملی مانند برندینگ و شناسایی توسط کاربران، طراحی ظاهر زیباتر و حرفه ای به سایت شما میبخشد. اگر نداشته باشید چیزی که مرورگر برای کاربران نمایش میدهد تصویر یک فایل خالی است مانند تصویر زیر:
حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد داریم چگونگی قرار دادن این آیکون ریز را به شما آموزش دهیم.
برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی – قرار دادن کد نمایش دهنده در کد قالب وبلاگ یا شما
آماده سازی
شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
برای قرار دادن آیکون کافی است کد زیر را بین <head> و </head> کپی کنید :
البته باید نکاتی را برای ویژگی‌های عکس متذکر شویم :
1 – آیکون مورد نظر شما باید با نام favicon ذخیره شده باشد .
2 – آیکون باید ابعاد 16*16 داشته باشد.
3 – آیکون باید آپلود شده باشد و آدرس تحت وب آن را وارد کنید نه آدرس داخل رایانه تان !
4 – فرمت عکس باید ico یا همان آیکون باشد .
ممنون از این که با همراه بودید
