Web-анатомия Web-анатомия Web-анатомия
Web-анатомия Web-анатомия Web-анатомия HTML CSS JScript DHTML
заголовок - HTML
favicon - плюсы и минусы


Новая версия сайта находится по адресу


wa.artel.by




Статья написана FireFalcon'ом с сохранением всех авторских прав.

Как только не пытаются удержать сайты посетителей! И рассылками, и в букмарки едва ли не насильно ссылки запихивают, и куки сохраняют, поздравляя самолюбивого посетителя с очередным посещением столь замечательного ресурса. А вот хлопцы из Microsoft придумали еще одну фишку, возможность возле своей букмарки размещать изображение. Называется это изображение иконкой, точнее favicon, и выглядит примерно вот так.

Тут изображена favicon.ico Когда посетитель заносит сайт в букмарки, Explorer 5 ищет файл favicon.ico. Если находит, заменяет стандартную виндовую иконку на ту, которая и хранится в этом файле.

Иконка должна быть 16х16 пикселей. Вообще-то может быть и 32х32, но тогда есть большая вероятность, что браузер ее просто проигнорирует. Также в этой самой иконке нежелательно использовать более 16 цветов, можно и больше, но возможны нежелательные последствия.

Иконку можно сделать двумя способами. Нарисовать в любом редакторе, сохранить в формате BMP или GIF, а затем конвертировать в формат ICO. Бесплатный конвертер есть на сайте http://www.ryansimmons.com. Говорят, правда, что он не всегда грамотно конвертирует, однако у меня проблем не было.

Второй вариант хуже. Есть редактор иконок http://www.favicon.com. Однако он такой левый и ненавернутый что сделать там грамотную иконку можно только тренируясь часами.

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

Вставляется иконка так:
<LINK REL="SHORTCUT ICON" HREF="mypage.ico">

Можно указывать и абсолютный URL:
<LINK REL="SHORTCUT ICON" HREF="http://www.mysite.com/img/ico/mypage.ico">

Ну вот и хватит о хорошем. Теперь поговорим о проблемах и багах.

Во-первых не все хостеры поддерживают файлы с расширением .ico.

Во-вторых проблемы с тестированием. Например, вы сделали иконку, разместили ее на своем сайте и занесли его в букмарки. А потом вдруг захотели эту самую иконку переделать. А вот обновить ее в букмарках очень даже может и не получиться. Даже если вы сотрете кэш, сотрете запись в букмарках и перегрузитесь, все равно иконка при очередном занесении сайта в букмарки может остаться старой. Тут уж ничего сделать нельзя и нужно воспользоваться помощью кого-нибудь, кто не заносил ваш сайт себе в букмарки.

В-третьих есть довольно серьезная проблема. Если в файл favicon.ico запихать неверные данные, то это может уронить Explorer 5. Стек забивается информацией и теоретически возможно создать .ico файл с кодом, который будет исполняться на клиентской машине. Решения у этой проблемы нет, поэтому подозрительные сайты лучше в букмарки не заносить.

Я вас предупредил ;)

заголовок - CSS

Новости сайта Ссылки/только полезные ресурсы не нажимать! Пишите письма
новости

3 мая 2001. Новенькое по CSS/ Кросс-браузерность:
фишки слепого браузера


18 апреля 2001. Новенькое по CSS/ Кросс-браузерность:
не наступай на грабли


11 апреля 2001. Новый материал по HTML/ Логические тэги:
облегчаем жизнь


30 марта 2001. Ну наконец-то! Новый материал по HTML/ Favicon:
плюсы и минусы


21 марта 2001. Новый материал по CSS/ секреты CSS:
правильные стили (IV)


15 марта 2001. Новый материал по CSS/ секреты CSS:
правильные стили (III)


HTML...
"Да это ж просто! - махнешь ты рукой. - Набор тэгов!"
Хм, набор-то он набор, вот только браузеры этот набор интерпре- тируют уж очень по разному...

Кэширование:
все секреты здесь


ALT:
не все так просто


Таблицы:
рамка 1px


Таблицы:
фоновый рисунок


Favicon:
плюсы и минусы


Логические тэги:
облегчаем жизнь


 

Hosted by uCoz