Як створити favicon.ico
Вам знадобиться
- Готове зображення для іконки або будь-який графічний редактор для її створення.
Інструкція
- квадратне зображення
- невеликого розміру
- просте, без дрібних деталей
- розмір файлу - не більш 300 кБ.
Краще використовувати один характерну предмет, з чіткими кордонами і контрастним фоном. Наприклад, логотип компанії або інше просте зображення.
Ви можете створити цю картинку самі, за допомогою будь-якого графічного редактора.
Можна підібрати кілька зображень, і потім вибрати з вийшов іконок найкращу.
Існує багато онлайн-сервісів, які пропонують таку послугу. Задайте пошук в будь-якій пошуковій системі за словами «favicon.ico». Виберіть вподобаний вам сервіс.
Розберемо створення іконки на прикладі сайту favicon.ru.
- Зайдіть на сайт.
- З`являється вікно створення іконки. Натисніть кнопку «Огляд ...» і виберіть файл на своєму комп`ютері, який потрібно перетворити в favicon.ico.
- Натисніть «Створити favicon.ico!»
- З`являється вікно - вид адресного рядка з отриманою іконкою.
- Якщо результат вам сподобався - натисніть "Завантажити favicon.ico!». У вікні завантаження виберіть «Зберегти», щоб зберегти іконку на жорсткому диску.
Якщо ви хочете щось змінити:
- Натисніть «Редагувати іконку» - і в який з`явився простому графічному редакторі внесіть зміни.
- або виберіть «Створити ще одну іконку» - і спробуйте створити її з іншого файлу.
Закачайте іконку в кореневу директорію вашого сайту.
- наприклад, "www" або "public_html". Якщо ви не знаєте точний шлях до кореневої директорії - уточніть його в службі підтримки.
Пропишіть на кожній сторінці сайту між тегами і два рядки:
(Зараз цей етап необов`язковий. Браузери можуть знайти favicon.ico і без цих рядків).
- наберіть в рядку браузера https://yoursite.ru /favicon.ico (де yoursite.ru - адреса вашого сайту).
Якщо іконка в браузері завантажилася - значить, все зроблено правильно.
- поновіть сторінку браузера - іконка з`явиться в адресному рядку.
- в результатах видачі Яндекса іконка з`явиться не відразу, може пройти кілька днів.
- пошукайте картинку в інтернеті.
- подивіться іконки на сайтах, близьких по тематиці вашого - і придумайте схожу.
- використовуйте букву, цифру, символ, що мають відношення до вашого сайту. Пізніше ви зможете замінити зображення, коли підберете більш відповідний варіант.
Яндекс показує favicon.ico в результатах пошуку поруч з назвою сайту.
Якщо ваша іконка виділяється на тлі інших - користувач охочіше клацне і перейде саме на ваш сайт.