فاویکن (favicon) چیست؟

تیم محتوای ویترین
زمان مطالعه : 4 دقیقه دیدگاهها

فاوآیکن

فاویکن همان مربع کوچکی است که به واسطه عکسی که در آن نقش بسته، معرف وب سایت، در آدرس بار مرورگر هاست.

 همین حالا اگر به قسمت آدرس بار مرورگر تان نگاهی بیندازید، چندین فاویکن می بینید که معمولا لوگو، حرف اول نام وب سایت و یا تصویری که خاص آن  وب سایت است را شامل می شود.

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

در حالی که شاید این طور به نظر برسد که فاویکن جزئی کوچک و بی اهمیت است، داشتن آن می تواند تفاوتی بزرگ در تجربه کاربران از بازدید از وب سایت شما و همین طور بازاریابی آنلاین ایجاد کند.

در این مقاله به شما خواهیم گفت فاویکن از کجا می آید، چه انواعی از آن در مرورگر های امروزی استفاده می شوند و چگونه می توانید برای وب سایت خود فاویکن بسازید.

در سال 1999 فاویکن به منظور راهی برای سهولت در بوک مارک کردن وب سایت ها به جستجوگران در اینترنت اکسپلور معرفی شد و از زمانی که صفحه بوک مارک ها را تا به امروز مورد علاقه ها (favorites)  خطاب کردیم، از ترکیب دو واژه favorite و  icon فاویکن شکل گرفت.

  • امروزه فاویکن وب سایت ها فارغ از اینکه بوک مارک شده اند یا نه، درست در بالای آدرس بار ظاهر می شوند و در موارد معدودی که یک وب سایت فاویکن نداشته باشد، مرورگر سمبلی را برای آن جایگزین می کند.
  • علاوه بر آدرس بار می توانید فاو ایکن ها را در هیستوری مرورگر نیز پیدا کنید.
  • صفحات بوک مارک شده نیز همراه با فاویکن به نمایش در می آیند. هم در قسمت بوک مارک بار
  • و هم در قسمت other bookmarks.
  • از می سال 2019 گوگل از فاویکن ها هم در نتایج جستجوی مرورگر (SERP) های موبایل و هم دسکتاپ استفاده می کند.

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

برای مثال وب سایتی مثل فیسبوک و یا توییتر را که روزانه بار ها با آن سر و کار دارید در نظر بگیرید، احتمالا به راحتی می توانید با چشمان بسته فویکن آن ها را در ذهنتان تصویر کنید.

فاویکن های فیسبوک و توییتر دقیقا همان لوگو های وب سایت هستند اما آیا این به این معناست که تنها کاری که باید برای داشتن یک فاویکن بکنید کوچک کردن لوگو و آپلود آن در وب سایتتان است؟

در ادامه نگاهی عمیق تر می اندازیم به جزئیات فنی و مواردی که نیاز است برای طراحی یک فاویکن مد نظر قرار دهید.

فرمت فاویکن

به طور کلی تمام فاویکن ها به صورت فایل ICO طراحی می شوند. ( فرمتی که توسط مایکروسافت به منظور ذخیره آیکون برنامه ها در ویندوز ایجاد شد.) بزرگ ترین مزیت این فرمت این است که می توان تصاویر را در سایز های مختلف در قالب یک فایل دخیره کرد.

سابقا اینترنت اکسپلور تنها فرمت ICO را پشتیبانی می کرد اما در مرورگر های مدرن امروزی قابلیت پشتیبانی از آیکون های PNG و در برخی حتی فاویکن های GIF، JPEG و SVG نیز پشتیبانی می شوند.

در حال حاضر فرمت ICO کمتر استفاده می شود و اغلب وب سایت ها فاویکن های خود را با فرمت PNG طراحی می کنند که البته برای آن دلیل منطقی ای وجود دارد؛ کیفیت تصویر. فاویکن های PNG در مرورگر ها و دستگاه های مدرن کیفیت بهتری دارند.

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

favicon

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

 چند نکته که خوب است به آن ها توجه داشته باشید از این قرار است:

-از آیکون مربعی استفاده کنید.

-فاویکن باید تنها نمایان گر برندتان باشد و از سمبل های اضافه اجتناب کنید.

چندین راه برای ساختن فاویکن وجود دارد؛

  • ساخت در نرم افزار های گرافیکی مثل فتوشاپ.
  • در سرویس های آنلاین مثل Katvin و cc آن را طراحی و سپس در فرمت مناسب دانلود کنید.
  • استفاده از تصاویر موجود مثل لوگوی وب سایتتان و آپلود آن در ژنراتور های فاویکن مثل io و Realfavicongenerator.net.
  • دانلود فاویکن های آماده از دیتا بیس های مخصوص مثل Findicons با بیش از 500 طرح و یا IconJ با بیش از 18 هزار فاویکن.

پس از دانلود فاویکن مورد نظرتان تنها کاری که باقی می ماند، اضافه کردن آن به وب سایتتان خواهد بود.

در طراحی فاویکن باید توجه داشته باشید که سادگی نقطه ضعف به حساب نمی آید. با توجه به اندازه کوچک آن طراحی فاویکن باید به گونه ای باشد که حتی در سایز بسیار کوچک هم قابل فهم باشد، استفاده از جزئیات و یا نوشته ای خاص ممکن است از چشم مخاطب دور بماند.

هم چنین فاویکن وب سایت شما باید با حوزه خدماتی که ارائه می دهید تناسب داشته باشد. استفاده از رنگ و یا فونت بدون توجه به این نکته ممکن است پروژه طراحی فاویکن شما را با شکست مواجه کند.

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

فاویکن ابزاری است که شما را در ذهن بازدید کنندگان مانا می کند. به شما این شانس را می دهد که از میان ده ها ایکون شناخته شوید و در چشم مخاطب وب سایتی به روز و با اعتبار جلوه کنید.

بیشتر بخوانید :


برچسب ها :

نظرات

    1. هدف از داشتن فروشگاه آنلاین چیست؟
    2. آیا تا بحال سابقه فروش فضای مجازی داشته اید؟
    3. روش خرید و فروش کالا در فروشگاه اینترنتی به چه صورت است؟
    4. روش های ارسال کالا در فروشگاه به چه صورت است ؟
    5. آیا از تخفیف و کوپن در فروشگاه اینترنتی استفاده می کنند؟
    6. آیا برای راه اندازی فروشگاه اینترنتی ، خودتان کارشناس IT دارید ؟
    7. آیا سابقه فعالیت به عنوان تامین کننده با فروشگاه های اینترنتی دارید؟
    8. آیا نیازی به طراحی قالب اختصاصی فروشگاه اینترنتی دارید؟
    9. آیا در فروش فیزیکی مدیریت انبار دارید؟
    10. آیا در سازمان یا شرکت از سیستم های مالی استفاده می کنید؟
    11. بعد از راه اندازی فروشگاه نیاز به دیجیتال مارکتینگ دارند؟
    12. نکات حائز اهمیت که در فروشگاه اینترنتی برایتان مهم است؟
    لطفا فلوچارت گردش کار فروشگاه اینترنتی و ارتباط تامین کنندگان ، انبارها ، کالاها و خریداران با یکدیگر را دانلود کرده و در کادر مورد نظر ترسیم کنید ، سپس upload نمایید.
    دانلود فایل

      1. عنوان واحد کسب و کار شما
      2. مالکیت کسب و کار
      3. زمینه فعالیت
      4. نوع کسب و کار / ویژگی خاص
      4. چه خدماتی برای کسب و کار خود لازم دارید؟
      بازاریابی آنلاین
      1. در صورت داشتن وب سایت، آدرس آن را بگذارید.
      2. چه مدت از راه اندازی وب سایت شما میگذرد؟
      3. سایت شما با چه سیستم مدیریت محتوایی طراحی شده است؟
      4. از چه شبکه اجتماعی برای کسب و کار خود استفاده میکنید؟ (آیدی هرکدام را بنویسید).
      تولید محتوا
      1. نیاز تولید محتوای شما چیست؟
      تولید محتوای بصری
      نیاز تولید محتوای بصری شما چیست؟
      تولید محتوای متنی
      نیاز تولید محتوای متنی چیست؟
      برندینگ
      1. نیاز به مشاوره برندینگ دارید؟
      2. نام چند رقبا هم رده کسب و کار خود را بیان کنید؟
      3. هدف برند شما در بازار امروزی چیست؟
      4. موفقیت برند خود را چگونه ارزیابی می کنید؟
      5. داستان برند شما چیست؟ (اختیاری)
      6. توضیحات تکمیلی خود را جهت کسب و کار خود بیان کنید؟ (اختیاری)
      لطفا فلوچارت گردش کار فروشگاه اینترنتی و ارتباط تامین کنندگان ، انبارها ، کالاها و خریداران با یکدیگر را دانلود کرده و در کادر مورد نظر ترسیم کنید ، سپس upload نمایید.
      دانلود فایل
      پیشنهاد ویژه

        درخواست دمو

          درخواست مشاوره