Серверная (www.it-simple.ru)

Иконка сайта


Какое-то время назад поставил иконку сайта (http://ru.wikipedia.org/wiki/Favicon). Как это сделать - не знает только ленивый. Специально для ленивых напишу здесь.

В исходном коде странички html, в любом месте внутри блока head пишем строку:

<link rel="icon" href="http://www.it-simple.ru/it-simple.png" type="image/png">

Размер пиктограммки - 16×16 пикселей. Для поддержки Интернет Експлорера иногда вместо rel="icon" пишут rel="stylesheet icon". Также, насколько я знаю, IE не поддерживает никаких форматов пиктограммок кроме ico.

Вместо полноценной и продуманной иконки я поставил временную заглушку в виде красной буквы Х.

На этом можно было бы и закончить, но!

Нормальные браузеры, не найдя в теле html упоминания об иконке, просто ставят свою стандартную. Но не IE. Тот ломится в корень сайта и пытается загрузить оттуда файл с именем favicon.ico, вызывая ошибку 404 в логах сайта, если этого файла нет.

favicon.ico - это сокращение от favorites icon, иконка избранного. Отображается в IE, но только в избранном и, естественно, только если сайт туда добавлен.

Изначально у меня не было файла favicon.ico. Каждый раз, когда кто-то заходил на мой сайт с IE, он вызывал в логах мнимую ошибку 404, что затрудняло мне поиск ошибок реальных. Поэтому, несмотря на мои заверения, что IE здесь не будет поддерживаться никогда, специально для этого изделия была создана иконка favicon.ico, но она кардинально отличается от заглушки.

Пользователям Интернет Експлорера - пламенный привет.