shkhe
فاوآیکون چیست + آموزش تنظیم Favicon در سایت ساز پرتال فاوآیکون چیست + آموزش تنظیم Favicon در سایت ساز پرتال
adminPhoto

علی شفیعی

مدیرعامل

فاوآیکون چیست + آموزش تنظیم Favicon در سایت ساز پرتال

۱۴۰۰/۰۸/۱۸

اشتراک گذاری مطلب

فاوآیکون چیست + آموزش تنظیم Favicon در سایت ساز پرتال فاوآیکون‌ (favicon) مخفف Favorites Icon، آیکن کوچکی است که در کنار عنوان صفحه وب در مرورگر ظاهر می شود

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

وجود favicon ها برای شناخته شدن یک برند ضروری هستند. اگر برند شما رشد کند،

فاویکون شما حتی بیشتر از لوگوی شما قابل تشخیص است.

favicon ها برای بهینه سازی و نمایه سازی موتورهای جستجو (SEO) نیز مهم هستند.

به این دلیل که به معتبرتر شدن وب سایت کمک می کنند، تجربه کاربری (UX) را بالا می برد و اعتماد کاربران را افزایش می دهد

در نتیجه می توانند تأثیر مثبتی بر سئو وب سایت ها داشته باشند.

اهمیت ایجاد فاوآیکون یا Favicon
فاوآیکون چیست و چرا برای سایت مهم است

طراحی فاویکون

فضای کوچک 16×16 پیکسلی علاوه بر محدودیت موجب طراحی فایوآیکن های خلاقانه هم شده است.

با توجه به فضای کوچکی که برای آنها وجود دارد، استفاده از طرح‌های پیچیده معمولاً جالب نیست،

زیرا جزئیات از بین می روند و بصورت یک لکه دیده می‌شوند. فاویکون ها باید قابل تشخیص و ساده باشند.

اشکال هندسی و تایپوگرافی های ساده بهترین کارایی را برای نمایش دارند.

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

به عنوان مثال، شرکت هایی مانند شرکت محبوب جهانی، استارباکس، می توانند به راحتی از لوگوی پری دریایی خود به عنوان فاویکون استفاده کنند

که موجب شناخت برند آنها می شود.

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

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

که در مرورگر باز خواهد بود. فرض کنید 20 تب در مرورگر شما باز باشد؛

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

چون تشخیص یک لوگو نسبت به نوشته، هم راحت‌تر است، هم بهتر در ذهن می‌ماند.

آموزش تنظیم Favicon در سایت ساز پرتال

در سایت ساز پرتال امکان تغییر فاوآیکون ساده می‌باشد. در ابتدا فرمت لوگوی خود را با استفاده از نرم افزارهای آنلاین به ico تبدیل کنید.

سپس با باز کردن سایت خود، در پنل مدیریت روی تنظیمات وب‌سایت کلیک کنید.

یکی از گزینه‌های این تنظیمات مربوط به ساخت فاوآیکون می‌باشد. فضای آن را در تصویر زیر می‌بینید.

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

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

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

سایز فاوآیکون

سایزهای متداول فایوایکون ها معمولا 12× 12، 16 × 16 یا 32 × 32 پیکسل می باشد.

این سه سایز از معمولترین سایزهای فایوآیکون ها می باشند و تصاویر آن ها معمولا با کیفیت بالا اما حجم پایین، تولید می شوند.

فرمت طراحی فاوآیکون

پسوند فایلهای تولید شده، ICO بوده و عمدتا با همین پسوند شناخته می شوند.

یکی دیگر از محبوبترین فرمت ها برای ساخت فایوآیکون های مورد استفاده در وب سایت استفاده از آیکون با پسوند PNG است.

البته دقت داشته باشید که فرمت اصلی برای این منظور فرمت ICO است.

اگر شما بتوانید تصویر مورد نظر خود را برای ایجاد فاوآیکون با فرمت GIF هم پیدا کنید؛ مناسب خواهد بود.

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

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

اگر آیکون پایه شما دارای پیچیدگی زیادی باشد خروجی شما برای مخاطب نامفهوم خواهد بود.

پس تا حد امکان از تصاویر و آیکون های ساده برای ساخت فاوایکون استفاده کنید.

گردآوری: نایس کدرز

دیدگاه ها

کامنتی برای این پست وجود نداره

چند مطلب دیگه

آخرین مطالب

افزودن دیدگاه


ارسال
بیخیال
shakhe 1 shakhe 2