×

قالبی که نیاز دارید بین قالب های ما نیست؟ ما برای شما قالب اختصاصی رایگان طراحی خواهیم کرد!

اطلاعات بیشتر...

7 روز رایگان از پرتال استفاده کنید

ساخت وب‌سایت یا فروشگاه
وبلاگ

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

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

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

درباره ما