Як додати favicon

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

Збережіть підготовлене зображення в форматі ico. Сучасні браузери зможуть зрозуміти favicon в файлах з розширенням gif, png, bmp і т.д., але для охоплення максимальної кількості модифікацій браузерів краще використовувати рідну формат іконок цього типу. Якщо ваш графічний редактор не підтримує формат ico, то можна зберегти його, наприклад, в форматі gif, а потім конвертувати в ico за допомогою будь-якого з онлайн-сервісів. У мережі можна знайти і сервіси, які запропонують вам повний цикл створення іконки в режимі онлайн безпосередньо в браузері.

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

Вставте в вихідний код сторінок HTML-теги із зазначенням на долучення. Для Internet Explorer цей тег повинен виглядати так:

Для інших браузерів його слід писати інакше:

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