نمادی برای یک سایت یا همانطور که بیشتر نامیده می شود ، نمادی است که می توانید در گوشه کنار نام برگه در مرورگر مشاهده کنید. همچنین ، نماد در مقابل نام سایت در لیست "موارد دلخواه" نمایش داده می شود ، همچنین وقتی موتور جستجو سایت شما را در نتایج جستجو نشان می دهد ، می توانید آن را مشاهده کنید.
لازم است
- - آرم سایت ،
- - فتوشاپ ،
- - مبدل favicon.
دستورالعمل ها
مرحله 1
آرم وب سایت خود را در Adobe Photoshop باز کنید. اگر لوگو وجود ندارد ، می توانید هر عکس دیگری بگیرید ، فقط مهم است که با سایت شما مرتبط باشد. با حذف تمام جزئیات غیرضروری تصویر را پردازش کرده و اکنون اندازه آن را به 32 یا 16 پیکسل در هر طرف کاهش دهید. سپس تصویر را به عنوان یک فایل گرافیکی.png
گام 2
از همه بهتر ، اگر در نهایت فایلی با وضوح 32x32 پیکسل ایجاد می کنید ، زیرا کاربران گاهی اوقات میانبرهای سایت هایی را که دوست دارند در "دسک تاپ" ذخیره می کنند و در آنجا تصاویر 16x16 پیکسل جزئیات کافی ندارند. با این حال ، به یاد داشته باشید که در مرورگر آیکون شما همچنان به ابعاد 16 els 16 پیکسل تبدیل می شود ، این تصاویری هستند که در موارد دلخواه و عنوان نمایش داده می شوند.
مرحله 3
اکنون باید تصویر را به یک فایل ico تبدیل کنید. این کار را می توان با استفاده از یک افزونه برای فتوشاپ یا با استفاده از یک سرویس اینترنت رایگان ، به عنوان مثال https://favicon.ru/ انجام داد. افزونه ها و سرویس های زیادی وجود دارد ، تقریباً به همان روش کار می کنند ، بنابراین توصیه به یک مورد خاص دیگر فایده ای ندارد. به این سایت ها مولد فاویکون گفته می شود.
مرحله 4
نام فایل را تغییر دهید تا favicon.ico باشد.
مرحله 5
اکنون به کنترل پنل سایت خود بروید و دایرکتوری ریشه ای را که صفحه اول در آن قرار دارد پیدا کنید. این معمولاً index.html یا پرونده دیگری است که سیستم مدیریت محتوا تولید می کند. ممکن است از قبل نمادی به نام favicon.ico وجود داشته باشد. در این حالت ، نماد قدیمی را حذف کرده و با نماد خود جایگزین کنید.
مرحله 6
اگر فهرست ریشه در دسترس شما نیست ، و همچنین در مواردی که خودتان کد سایت را نوشتید ، باید تمام صفحات سایتی را که باید در آن نماد ظاهر شود ویرایش کنید. صفحه را در یک ویرایشگر باز کنید و در قسمت head یک ورودی اضافه کنید
مرحله 7
اگر این آیکون نه در پوشه ریشه ، بلکه در جای دیگری قرار دارد ، سپس در پارامتر href مسیر کامل پرونده را بنویسید.
