Favicon در طراحی سایت
این کلمه مخفف شده ی favorites icon ، به معنی تصویر کوچک آیکنی مورد پسند است .فایویکون در طراحی سایت به تصویر کوچکی می گوییم که در زمان باز کردن سایت ه...
این کلمه مخفف شده ی favorites icon ، به معنی تصویر کوچک آیکنی مورد پسند است .فایویکون در طراحی سایت به تصویر کوچکی می گوییم که در زمان باز کردن سایت ه...
این کلمه مخفف شده ی favorites icon ، به معنی تصویر کوچک آیکنی مورد پسند است .فایویکون در طراحی سایت به تصویر کوچکی می گوییم که در زمان باز کردن سایت ها در کنار دامنه ی آن ها در باکس آدرس بار مرورگرها نمایش داده می شود . این تصویر معمولا لوگوی آن سایت یا مجموعه می باشد که توسط برخی از برنامه ها که اصطلاحا به آن ها favicon generator می گوییم ، ساخته می شوند و در میان تگ head فایل html مان نوشته می شود.
<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />
علاوه بر برنامه های favicon generator ، برخی سایت های اینترنتی نیز وجود دارند که تصویر دلخواهتان را دریافت می کنند و favicon آن را با پسوند .ico به شما تحویل می دهند . این تصاویر دارای کیفیت بالا اما حجم پایین می باشند . سایز آن ها عموما 12*12 یا 16*16 یا 32*32 پیکسل می باشند.
تحقیقات نشان داده حافظه ی تصویری انسان ها به مراتب بهتر از حافظه ی نوشتاریشان می باشد پس استفاده از favicon در طراحی سایت در کنار دامنه اتان موجب می شود سایتتان بهتر شناخته شود و به عبارتی دیگر به شهرت شما کمک بیشتری می کند.
مزیت دیگر استفاده از favicon در طراحی سایت برای زمانی می باشد که کاربران در قسمت favorite bar مرورگرشان تعداد زیادی سایت قرار داده اند و اسم آن ها را از حالت نمایش برداشته اند. در نتیجه favicon شما در این قسمت نقش مهمی را ایفا می کند.
ممکن است در بعضی سایت ها favicon های متحرک را دیده باشید . این favicon ها بدون شک موجب جذابیت بیشتر سایت شما می شوند اما مشکلاتی را دارند که باعث می شود برنامه نویسان کمتر از آن ها استفاده کنند . مشکل عمده ی استفاده از آن ها این است که تنها توسط مرورگر های فایرفاکس اپرا قابل خوانده شدن می باشند و بقیه ی مرورگرها آن ها را ساپورت نمی کنند . البته برای حل این مشکل می توانیم لینک favicon غیر متحرک را نیز در کد های HTML مان قرار دهیم تا کاربرانی که از سایر مرورگرها استفاده می کنند قادر به دیدن favicon ما باشند.
برای ایجاد favicon متحرک می بایست فایل gif متحرک را در یکی از برنامه های گرافیکی بازسازی کنیم و در تگ HTML مان با پسوند .gif قرار بدهیم .
<link rel=”shortcut icon” href=”favicon.gif” type=”image/gif”/>
البته به وسیله ی javascript می توانید favicon هایی را خلق کنید که فقط در شرایط خاصی تکان می خورند یا شکلشان عوض می شود که استفاده از آن ها نیز بنا به معایبی که در قبل ذکر کردیم رایج نمی باشد .
با اینتن به روز باشید.
نظرات کاربران
در مورد این مقاله بحث کنید