نحوه ایجاد Favicon.ico: 5 مرحله (همراه با تصاویر)

فهرست مطالب:

نحوه ایجاد Favicon.ico: 5 مرحله (همراه با تصاویر)
نحوه ایجاد Favicon.ico: 5 مرحله (همراه با تصاویر)

تصویری: نحوه ایجاد Favicon.ico: 5 مرحله (همراه با تصاویر)

تصویری: نحوه ایجاد Favicon.ico: 5 مرحله (همراه با تصاویر)
تصویری: آموزش فتوشاپ: جدا کردن تصویر از پس زمینه 2024, ممکن است
Anonim

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

مراحل

مرحله 1 Favicon.ico را ایجاد کنید
مرحله 1 Favicon.ico را ایجاد کنید

مرحله 1. تصویری با اندازه 16x16 پیکسل ایجاد کنید

این باید یک تصویر ساده باشد ، به طوری که بلافاصله قابل تشخیص باشد.

مرحله 2 Favicon.ico را ایجاد کنید
مرحله 2 Favicon.ico را ایجاد کنید

مرحله 2. تصویر را به یک فایل favicon.ico تبدیل کنید

باید دقیقاً این نامیده شود ، در غیر این صورت مرورگر آن را تشخیص نمی دهد. یک راه آسان برای انجام این کار استفاده از Dynamic Drive FavIcon Generator است. راه دیگر استفاده از ویرایشگر تصویر رایگان GIMP و ذخیره تصویر 16x16 در قالب ICO است.

مرحله 3 Favicon.ico را ایجاد کنید
مرحله 3 Favicon.ico را ایجاد کنید

مرحله 3. فایل ایجاد شده را در وب سایت خود بارگذاری کنید

مرحله 4 Favicon.ico را ایجاد کنید
مرحله 4 Favicon.ico را ایجاد کنید

مرحله 4. کد زیر را به HTML وب سایت خود اضافه کنید

شما باید آن را در قسمتی از کد قرار دهید و مطمئن شوید که مسیر نماد نسبت به صفحه وب درست است. کد زیر (با فرض اینکه.html و.ico در یک فهرست اصلی یکسان هستند):

مرحله 5 Favicon.ico را ایجاد کنید
مرحله 5 Favicon.ico را ایجاد کنید

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

نکات

  • حتی اگر نماد شما بسیار کوچک باشد ، مطمئن باشید که دیگران می توانند آن را به راحتی بخوانند/درک کنند.
  • اگر از لینوکس استفاده می کنید ، می توانید فایل را مستقیماً در رایانه خود تبدیل کنید. فقط یک تصویر مناسب انتخاب کنید ، خط فرمان خود را باز کنید ، به فهرست راهنمایی بروید و تصویر را ذخیره کنید و تایپ کنید: convert picture-p.webp" />

توصیه شده: