Встановлюєм Favicon – іконку для сайту

Що таке favicon? Це іконка сайту, яку видно в табах всіх сучасних браузерів, закладках, адресній стрічці і навіть в пошукових системах, що досить непогано вирізняє ваш сайт серед інших. Тож це фішка, яку, як кажуть, маст хев.

Якщо не знаєте як поставити собі  favicon – читайте далі, розповім детально як це зробити.

Для початку підберіть малюнок, який хочете зробити іконкою. Потрібно щоб він нормально виглядав в маленькому розмірі. Для прикладу візьмем такий малюнок:

В графічному редакторі змінюємо розмір зображення на 16х16. Особисто я для цього використовую програму XnView. Отримуєм таке зображення:

Зберігаєм. Тепер його потрібно конвертувати і формат .ico. XnView справляється і з цією задачею. Якщо жодн з ваших графічних редакторів не підтримує такої конвертації, то є й багато онлайнових сервісів, пошук вам в поміч. Залишилось переіменувати файл в favicon. На цьому махінації з зображенням завершимо і будем прикручувати його до сайту. Закидуєм файл в корінь нашого сайту. Для того, щоб іконка з’явилась, потрібно відредагувати ваші файли в яких є теґ <hеаd>. В WordPress це всього лиш 1 файл header.php. Вставляєм після <hеаd> наступний код:

<link rel=”icon” href=”http://ваш-сайт.ua/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”http://ваш-сайт.ua/favicon.ico” type=”image/x-icon”>

Або:

<link rel=”icon” href=”http://ваш-сайт.ua/шлях_до_іконки/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”http://ваш-сайт.ua/шлях_до_іконки/favicon.ico” type=”image/x-icon”>

Все, у вашого сайту тепер є своя іконка. Якщо не відображається, скоріше за все у вас сайт закешувався і треба або почистити кеш браузера, або почекати якийсь час чи відкрити сайт в іншому браузері.

© 2010, Wolpix. Всі права застережено.

1. Akhe коментує:

   23.02.2010 о 1:05 pm

   Особисто для мене цей пост приніс велику користь. Побіг прикручувати картинку.