Иконка в адресной строке

Хотите чтобы ваша собственная иконка нагло светилась в строке с URL'ом. Или в меню "Избранное". Сделать это на самом деле элементарно.

Процедура создания и использования такого изображения довольно проста. Необходимое изображение хранится в файле favicon.ico, который должен находиться в корне вашего сайта. Рекомендуемые параметры изображения: 16х16 пикселей - размеры; 16 цветов. Однако, можно создавать иконку с размерами 32х32 и 48х48 пикселей. В последнем случае IE сам изменит размеры изображения.

После того, как вы создали файл favicon.ico, поместите его в корневой каталог вашего сервера, и на этом работа завершена.

Если вы, по каким-либо причинам не можете разместить данный файл в корне своего сайта, то используйте директиву

<LINK REL="SHORTCUT ICON" href="/your/path/favicon.ico">.

Кроме того, если вы считаете, что пользователь может занести в "Избранное" не только корневой URL вашего сайта, то скопируйте файл favicon.ico во все директории сайта

Установить к себе на сервер такую иконку достаточно просто - необходимо подготовить рисунок размером 16x16 (32x32) и записать его в формате .ICO в корневую директорию своего сайта с именем favicon.ico.

К тому же, у провайдера должен быть прописан mime type для типа файлов ICO. Проверить несложно: надо в браузере попытаться загрузить файлик - например, yandex.ru/favicon.ico - если грузится текст - значит, mime-type для .ico не прописан.

В принципе, можно не напрягать провайдера и самому прописать mime-type в файле .htaccess, если вам он вам доступен для изменения. Формат примерно следующий:

	AddType image/ICO ICO (регистр важен).

Файлик сделали, mime type даже прописали... а все равно ничего не видим?

Вот, почему-то, у меня получается все увидеть лишь тогда, когда я сделаю кнопочку в панельке быстрых ссылок. После этого ее можно снести, все теперь будет грузиться. Самое интересно, что при указании любого файла (даже из корня) иконка не появляется, работает фишка видимо, лишь когда по HTTP уходит запрос именно на "/", хотя, конечно, сервер возвратит потом реальный адрес странички.

Может быть, в MSIE 5.5 все работает нормально. но в 5.0 так и есть, а в 4-м вообще, эта фишка не пашет. В NN, разумеется, тем более.

Комментарии пользователей (всего 18)

dark_hero / 10 апреля 2010, 12:46:05

я вот в этой статье иконка для сайта много чего интересного нашел и про иконки и о том, как их сделать

baluck / 22 июня 2007, 14:17:00

//Иконка должна быть в формате *.ico
//Переименнованные GIF и BMP не везде работает.

надо подставить свойство type со значением image/mime_тип_файла в тэг <link/> и все заработает, но использовать можно лишь типы которые браузер может обработать - png, gif(даже анимированый), jpg, svg(не для всех) и соответственно ico, размером 16 на 16 - для лучшего отображения

SLA / 19 августа 2006, 17:49:24

Вообще-то, по стандарту W3C, это выглядит несколько иначе:
[html]
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
[/html]
В данном случае микрософт оказались совершенно неграмотными, ведь они не знали, что с незапамятных времен по стандарту HTML, если в rel= указать "shortcut icon" -- то это уже два типа ("shortcut" и "icon") разделенные пробелом.

Подробнее об этом в Википедии, в параграфе "Standardization".

jhwebgf78ghjefw2374bvh / 06 мая 2006, 11:36:34

Так воно дійсно хоче справжнісіньку віконку *.ісо.

Я наприклад створюю її у Image Editor що йде з борландовським С++, але я певен що є і інші едітори.

Квентор / 18 апреля 2006, 00:04:06

В коде хтмл своей странички нужно добавить строку между HEAD и TITL:
<link rel="SHORTCUT ICON" href="/favicon.ico">
И всё будет показывать.

kill me, please! / 20 марта 2006, 19:40:07

думаю поздновато с ответом, но скажу: очисти кэш.

Grey / 27 января 2006, 12:51:27

Проблема: Прицепил некий 'file.ico' и никак не могу его звменить на другое изображение, несмотря даже на удаление этого файла и пропись 'file2.ico'.
Все прописано так, как рекомендовано в статье и не смотря ни на что показывает первый вариант иконки!
Как это исправить?

Skeleton / 15 ноября 2005, 23:09:28

Попробывал, в Лисе видна, в Maxthon видна в IE не видна при чем в Maxthone стала видна после переименовании на favicon.ico

Alex / 15 сентября 2005, 17:24:33

Ребята, я хочу сделать сайт при помощи php, подскажите как это сделать?

mike / 06 апреля 2005, 16:25:11

MSIE показывает только то что добавлено в избранное. И то, только по началу. Потом пропадает. Возможно в 7-ой версии они разберуться.

Отображены только последние 10 комментариев. Читать все комментарии >>