×

کارگاه حضوری ایجاد سایت فروشگاهی و کسب در آمد از آن کارگاه یکروزه راه اندازی فروشگاه اینترنتی و آموزش مباحث کلی دیجیتال مارکتینگ

مشاهده اطلاعات دوره
وبلاگ

Favicon چیست؟ نحوه ایجاد و ساخت فاوآیکون

07 خرداد 1397

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

در تصویر بالا در تب مرورگر یک لوگوی کوچک از گوگل را مشاهده میکنید که به آن 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 آپلود میکنیم.

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

عضو خبرنامه شوید.
0 دیدگاه

آخرین دیدگاه‌ها

ارسال دیدگاه

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

 

به ما بگویید

با شما تماس میگیریم

 

02163404 داخلی 3

با شما هستیم

با ما در ارتباط باشید

02163404 داخلی 3

تهران خیابان دانش ثانی پلاک 44

درباره ما