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

Как создать favicon.ico
Favicon – це іконка сайту, тобто невелика картинка, отображающаяся в рядку браузера поруч з адресою сайту. Її так само можна помітити поряд з назвою сайту в «Закладках» і в «Вибраному». Створити favicon.ico досить просто. Для цього вам знадобиться готова картинка і будь-який графічний редактор для створення та обробки іконки.

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


Для початку виберіть потрібну вам картинку. Вона повинна відповідати декільком вимогам:

• Повинна бути невеликого розміру;
• Зображення має бути квадратним;
• Розмір файлу з картинкою не повинен перевищувати 300 кБ;
• Картинка повинна бути максимально простою, по можливості не містити зайвих дрібних деталей.

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

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

Створення іконки


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

Для прикладу візьмемо створення іконки на сайті favicon.ru. Напишіть у рядку браузера адресу і зайдіть на сайт. Тут ви відразу побачите вікно для створення іконки.

Натисніть «Огляд» і вибирайте з файлів свого комп'ютера зображення, яке плануєте переробити в favicon.ico. Натисніть кнопку «Створити favicon.ico». Перед вами відкриється вікно з видом адресного рядка і вийшла іконки. Якщо ви задоволені результатом, натисніть кнопку «Створити favicon.ico». З'явиться вікно завантаження, в якому потрібно вибрати «Зберегти» - ваша іконка буде збережена на комп'ютері.

У випадку якщо ви хочете внести зміни – не створюючи іконку, натисніть кнопку «Редагувати іконку» - відкриється графічний редактор, в якому ви можете вносити зміни. Ви так само можете створити іншу іконку – з іншого файлу або іншої картинки. Для цього виберіть опцію «Створити ще одну іконку».

Додавання favicon.ico на сайт


Для цього отриману іконку папки треба закачати в кореневу директорію сайту – "public_html" або «www». У разі якщо точна адреса кореневої директорії вам невідомий, слід уточнити у служби підтримки.

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



Цей етап не є обов'язковим, так як будь-який браузер в змозі самостійно знайти favicon.ico.

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

У рядку вашого браузера наберіть: http://yoursite.ru /favicon.ico (замість yoursite.ru – введіть адресу вашого сайту). Якщо ви бачите свою іконку в рядку браузера – значить, ви все зробили правильно, при оновленні сторінки іконка автоматично з'явиться в адресному рядку.

В результатах запитів пошукової системи «Яндекс» іконка може з'явитися не відразу – іноді це відбувається протягом декількох днів.

Поради
• Скористайтеся пошуковими системами в Інтернеті, щоб знайти підходящі вам іконку;
• Якщо ви хочете створити свою оригінальну картинку – так само подивіться іконки на сайтах, які близькі тематиці вашого. Це може наштовхнути вас на ідеї створення своєї унікальної іконки.
• Якщо ви ніяк не можете визначитися з картинкою, можете в якості іконки використовувати символ, цифру або букву, які можуть мати якийсь стосунок до тематики вашого сайту. У будь-який час ви зможете змінити іконку на більш підходящу вам.

Пошуковик «Яндекс» буде показувати в результатах створену завантажену вами іконку. У разі якщо саме ваша іконка буде найбільш привабливою і притягує погляд, більшість користувачів воліють перейти саме на ваш сайт.