Як створити favicon.ico

Як створити favicon.ico

Favicon — іконка сайту, favicon.ico. Це маленька картинка, що відображається поряд з адресою вашого сайту в адресному рядку браузера. Вона видно поряд з назвою сайту в «Вибраному» і в «Закладка». Створити favicon.ico можна за 3 простих кроки.

Вам знадобиться

Готове зображення для іконки або будь-який графічний редактор для її створення.

Інструкція

  1. Виберіть відповідну картинку, з якої буде створена іконка favicon.ico.

    - Квадратне зображення

    - Невеликого розміру

    - Просте, без дрібних деталей

    - Розмір файлу — не більше 300 кБ.

    Краще використовувати один легкоузнаваемий предмет, з чіткими кордонами і контрастним фоном. Наприклад, логотип компанії або інше просте зображення.

    Ви можете створити цю картинку самі, за допомогою якого графічного редактора.

    Можна підібрати кілька зображень, а потім вибрати з вийшов іконок найкращу.
  2. Створення іконки.

    Існує багато онлайн-сервісів, які пропонують таку послугу. Задайте пошук в будь-якій пошуковій системі за словами «favicon.ico». Виберіть вподобаний вам сервіс.

    Розберемо створення іконки на прикладі сайту favicon.ru.

    - Зайдіть на сайт.

    - З’являється вікно створення іконки. Натисніть кнопку «Обзор …» і виберіть файл на своєму комп’ютері, який потрібно перетворити на favicon.ico.

    - Натисніть «Створити favicon.ico!»

    - З’являється вікно — вид адресного рядка з отриманої іконкою.

    - Якщо результат вам сподобався — натисніть «Завантажити favicon.ico!». У вікні завантаження оберіть «Зберегти», щоб зберегти іконку на свій диск.

    Якщо ви хочете щось змінити:

    - Натисніть «Редагувати іконку» — і в який з’явився простому графічному редакторі внесіть зміни.

    - Або оберіть «Створити ще одну іконку» — і спробуйте створити її з іншого файлу.
  3. Додаємо іконку на сайт.

    Закачайте іконку в кореневу директорію вашого сайту.

    - Наприклад, «www» або «public_html». Якщо ви не знаєте точний шлях до кореневої директорії — дізнайтесь його в службі підтримки.

    Пропишіть на кожній сторінці сайту між тегами і два рядки:

    (Зараз цей етап необов’язковий. Браузери можуть знайти favicon.ico і без цих рядків).

Зверніть увагу

Щоб переконатися, що іконка додана і відображається:

- Наберіть в рядку браузера http://yoursite.ru / favicon.ico (де yoursite.ru — адреса вашого сайту).

Якщо іконка в браузері завантажилася — значить, все зроблено правильно.

Корисні поради

Якщо ви не придумали, що саме має бути зображене на іконці:

- Пошукайте картинку в інтернеті.

- Подивіться іконки на сайтах, близьких по тематиці вашому — і придумайте схожу.

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