Як розмістити фавікон на своєму сайті

• Може 3, 2024

Піктограма фавікону або ярлика - це крихітна картинка, яка з’являється поруч із URL-адресою сайту в адресному рядку веб-переглядача. Він також з’являється поруч із назвою сайту у вашому списку закладок або у вибраному, і якщо ви використовуєте браузер з вкладками, він може відображатися і на вкладці.

Опублікувати фавікон на своєму сайті - це приємний спосіб додати трохи особистості, і це насправді досить просто. Найскладнішою частиною процесу є вибір зображення для початку! Якщо у вас є гарне око для графіки, ви можете створити свій власний. Якщо ні, ви завжди можете вибрати зображення з Інтернету. Якщо ви вирішили використовувати наявне зображення, НЕ просто завантажуйте графіку з іншого сайту та розміщуйте її на свій власний - ви порушите авторське право цього веб-майстра і може виникнути в серйозних проблемах. Натомість візьміть зображення з одного з безкоштовних джерел в Інтернеті.

Для роботи має бути певний розмір - 16X16 пікселів або 32X32 пікселів. Це дійсно крихітно, тому коли ви вибираєте базове зображення, будьте впевнені, що воно буде виглядати нормально зменшеним до розміру поштової марки. Яскраві кольори та прості форми зазвичай найкраще працюють. Ви також повинні зберегти своє зображення в одному з прийнятих форматів Favicon: .png, .gif або .ico. Більшість веб-розробників використовують .ico, оскільки ваш фавікон, ймовірно, буде єдиним файлом на вашому веб-сайті з таким розширенням, тому він буде виділятися, коли ви переглядаєте каталоги свого сайту.

Ви можете використовувати один із ряду безкоштовних веб-інструментів для перетворення зображення у розмірний файл .ico. Я використовую запропонований виробниками HTML Kit, який дозволяє створювати як статичні, так і анімовані зображення. Нижче розміщено посилання на інструмент favicon.

Тепер приходить проста частина - додавання фавікону на ваш сайт! У вас є два варіанти відображення зображення фавікону. Перший і найбезпечніший варіант - ввести наступний код у головний розділ кожної сторінки, де ви хочете відображати фавікон, замінивши частину 'href' на URL-адресу вашого фавікону:


type = "image / ico"
href = "// example.com/myicon.ico">

Другий варіант - назвати ваш favicon "favicon.ico" і помістити його у вашій кореневій директорії (це зазвичай той самий каталог, що і ваша домашня сторінка). За допомогою цього методу вам навіть не потрібно додавати код на свої веб-сторінки, і майже всі веб-переглядачі підберуть значок - однак деякі веб-переглядачі (як правило, більш старі) не відображатимуть фавікон при використанні цього методу.

Відео Інструкція: Как создать сайт на WordPress с нуля (2018) [НОВОЕ ПОШАГОВОЕ РУКОВОДСТВО] (Може 2024).