При створенні веб-сайту, незалежно від його мети та тематики, є безліч деталей, про які потрібно подбати. Однією з таких деталей є favicon – невелика іконка, яка відображається на вкладці браузера поряд із назвою веб-сторінки. Фавікон допомагає створити унікальний образ вашого сайту.
Створення favicon у форматі .ico може здатися складним завданням, проте за допомогою HTML це можна зробити без проблем. Для цього необхідно слідувати кільком простим крокам.
Першим кроком є підготовка зображення, яке ви хочете використовувати як favicon. Зображення повинно мати квадратну форму та розмір не більше 32×32 пікселів. Потім збережіть його в одному з форматів, що підтримуються, таких як .png, .jpg або .gif.
| Крок | Опис |
|---|---|
| 1 | Створити зображення для favicon. |
| 2 | Збережіть зображення у форматі .ico або .png. |
| 3 | Створіть файл favicon.ico чи favicon.png. |
| 4 | Помістіть файл favicon.ico або favicon.png до кореневої директорії вашого сайту. |
| 5 | Додайте наступний код всередині тега <head> у HTML-коді вашого сайту: <link rel="icon" href="favicon.ico" type="image/x-icon"> або <link rel="icon" href=" favicon.png" type="image/png">. |
| 6 | Збережіть та завантажте змінений HTML-код на ваш сервер. |
| 7 | Оновіть сторінку вашого сайту та переконайтеся, що favicon відображається в адресному рядку браузера. |
Як поставити favicon HTML?
Для додавання favicon необхідно розмістити наступний HTML код: <link type="image/x-icon" href="/favicon.
Який розмір фавікон для сайту?
16×16 пікселів Фавікон (favicon) – це невеликий значок розміром 16×16 пікселів, що використовується у веб-браузерах для відображення на вкладці. Дослівно перекладається з анг. "значок для обраного" – FAVoritesICON.
У якому форматі має бути фавікон?
Стандартний розмір фавікона, що підтримується більшістю браузерів та пристроїв – 16×16 px у форматі . ico. Але в залежності від операційної системи та версії браузера розмір варіюється – 24х24, 32х32, 64х64 і більше.
Як встановити фавікон?
Щоб завантажити фавікон, перейдіть до: «Налаштування сайту» → «SEO» → «РЕДАКТУВАННЯ Іконок (FAVICONS)» → «Завантажити файл». Виходячи з особливостей пошукових систем, рекомендуємо завантажувати файл розміром 32px×32px і тільки у форматі . ico, назва файлу має бути favicon. ico (без цифр та інших символів).