Favicon که مخفف شده عبارت favorite icon هست، به آیکون یا لوگویی گفته می‌شود که پس از باز شدن یک وب‌سایت، در کنار تب مرورگر مشاهده می‌کنید.
جدای از تب مرورگر، فیوآیکون یا Favicon در بخش‌های دیگری نیز قابل مشاهد است. لیست بوکمارک‌ها (Bookmarks)، تاریخچه مرورگر (History)، ذخیره یک سایت به عنوان میانبر (Shortcut) در نوار میانبر مرورگر و برخی موارد دیگر نمایش داده می‌شود.
در طراحی یک سایت حرفه‌ای، از دیدگاه هویت بصری می‌بایست المان‌ها و عناصر برند از قبیل لوگو، رنگ سازمانی و… به گونه‌ای استفاده شوند که در ذهن مخاطب نقش بسته و پس از آن بتواند با استفاده از مسیرهایی که برای وی ایجاد کرده‌اید، به راحتی سایت شما را در میان انبوهی از تب‌های باز شده شناسایی کند. استفاده درست از فیوآیکون به زیباترین شکل ممکن می‌تواند این مهم را برای شما فراهم آورد.
نحوه ساخت Favicon به چه صورت است؟
ساخت فایل Favicon بسیار ساده است. این کار با استفاده از برنامه فتوشاپ یا هر برنامه ویرایشگر گرافیکی که در اختیار دارید شدنی است. جدای از این موضوع، با یک جستجوی ساده، می‌توانید انبوهی از سایت‌های ایجاد فیوآیکون را به صورت رایگان پیدا کرده (Favicon Generator) و از آن‌ها برای ایجاد فیوآیکون استفاده کنید.
قبل از شروع دقت کنید که یک فایل Faviocn به صورت مربع شکل هست و اگر لوگوی شما فرمی غیر مربعی دارد، به گونه‌ای از آن استفاده کنید که نماد مورد نظر شما قابل مشاهده باشد.
- در فتوشاپ، یک فایل با یکی ابعاد 16*16، 32*32 و یا 64*64 ایجاد کنید.
- فایل لوگوی برند خود (یا هر تصویری که معرف سایت شما باشد) را در فایل ایجاد شده قرار داده و ابعاد آن را به گونه‌ای که فرم آن بهم نخورد تنظیم کنید.
- برای نمایش بهتر، تصویر رو بدون پس زمینه (Transparent) ایجاد نمایید.
- فایل ایجاد شده را در یکی از پسوندهای تصویری ذخیره نمایید. در صورتیکه می‌خواهید تصویر شما بدون پس زمینه ذخیره شود، از پسوندهای PNG و یا ico استفاده نمایید.
چگونه از طریق DCMS برای سایت خود فیو آیکون قرار دهیم؟
با استفاده از سیستم مدیریت محتوای دیبا (DCMS) در مدیریت وب‌سایت خود، به راحتی و بدون داشتن دانش فنی می‌توانید Favicon را به سایت خود اضافه کنید. برای این کار کافیست پس از ورود به ناحیه کاربری خود در DCMS، مسیر زیر را دنبال نمایید:
ورود به DCMS > ابزار وب‌مستر > تنظیمات سایت > تنظیمات اولیه >
در این صفحه، فایل ذخیره شده Favicon را از روی سیستم خود انتخاب نموده و کلید "ذخیره‌سازی تغییرات" را فشار دهید.
فیوآیکون سایت شما ایجاد شد. می‌توانید سایت خود را باز کنید و آیکون مرورگر را مشاهده نمایید.
نکته:
اگر سایت شما پیش تر دارای Faviocn بوده و از این طریق یک فایل جدید را جایگزین نموده‌اید، در صورت عدم مشاهده تغییر، پس از ورود به سایت، از کلیدهای ترکیبی Control + F5 استفده نمایید.