به احتمال زیاد لوگوی کنار تب مرورگر نظر شما را هم جلب کرده است. چیزی که درباره آن صحبت میکنیم در تصویر زیر قابل مشاهده میباشد.

در تصویر بالا در تب مرورگر یک لوگوی کوچک از گوگل را مشاهده میکنید که به آن Favicon یا فاوآیکون گفته میشود.

چرا باید از Favicon استفاده کنیم؟

استفاده اصلی و فایده اصلی استفاده از Favicon برای زیبایی وب سایت و همچنین شناخته شدن وب سایت شما در کنار تب های زیادی میباشد که در مرورگر باز خواهد بود.

فرض کنید 20 تب در مرورگر باز باشد در صورتی که از Favicon استفاده نمایید وب سایت شما ساده تر قابل شناسایی میباشد.

 

نحوه ساخت Favicon

برای اضافه شدن لوگوی مورد نظر باید فرمت آیکون و یا ico و یا png را ایجاد کنیم.

ابعاد این آیکون باید 16*16 یا 32*32 یا 64*64 پیکسل تنظیم گردد. در صورتی که آیکون مورد نظر خود را در ابعاد اعلام شده تنظیم نمایید مرورگر در کنار نام وب سایت این آیکون را نشان میدهد.

مرورگر های بروز مانند فایرفاکس و همچنین مرورگر محبوب گوگل کروم برای نمایش Favicon نیاز به کددهی ندارند و کافی است فایل مربوط به فرمت favicon.ico در پوشه اصلی وب سایت قرار داده شود.

در مرورگر های نسخه قدیم و همچنین Internet Explorer برای به نمایش درآوردن Favicon باید کد مربوط به آن در صفحه مورد نظر قرار گیرد.

"کد زیر باید در قسمت Head وب سایت قرار گیرد"

نمونه کد تنظیم Favicon با فرمت ico

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

نمونه کد تنظیم Favicon با فرمت png

<link rel="icon" href="/favicon.png" type="image/png"/>

آموزش تنظیم Favicon در سایت ساز کاج

در سایت ساز کاج امکان تغییر فاوآیکون ساده میباشد کافی است مراحل زیر را انجام دهید و برای مشاهده تغییرات کش مرورگر خود را حذف نمایید.

همانند تصویر بالا در پنل کاربری بر روی " فایل ها " سپس "مدیریت فایل ها " کلیک نموده و در صفحه باز شده بر روی " آپلود فایل " کلیک کرده و فایل خودمان را دقیقا با نام favicon.ico آپلود میکنیم.

توجه نمایید برای مشاهده تغییرات باید کش مرورگر را حذف کنیم.