Самостоятельное создание сайта
Самостоятельная раскрутка и продвижение сайта

Favicon - иконки Вашего сайта

   Favicon ("изображение, значок", этот термин образован от слова "Favorites", обозначающего меню избранных ссылок в Internet Explorer) - это миниатюрные изображения, характеризующие сайт, их можно сравнить с аватарами. Если таковое изображение у сайта есть, оно отображается слева от URL сайта.
   На сегодня иконки поддерживают все современные браузеры и даже поисковые системы, которые отображают иконки в результате выдаче запросов.

   Актуальность иконок для сайтов на сегодняшний день обуславливается и тем, что Яндекс начал их показывать в результатах поиска, для этого выделен специальный сервер, и поисковый робот, который сначала отыскивает иконки, потом перебивает на них формат в PNG и записывает на собственный сервер, чтобы иконка занимала меньше места.

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

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

   62.212.234.18 - - [10/Oct/2007:00:32:17 -0400] "GET /favicon.ico HTTP/1.1" 200 1406 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7"

   Однако, является хорошим тоном прописать в мета-тегах сайта (внутри блока <HEAD>) путь к файлу:

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://info-pages.com.ua/favicon.ico" type="image/x-icon">

   В этом случае иконка будет взята не из стандартного размещения, а по указанному пути в "shortcut icon", даже если она размещается на другом сайте. Это позволяет, в частности, иметь одну иконку для нескольких сайтов.

   Для того, чтобы создать иконку для Вашего сайта, нужно найти подходящее изображение, которое было бы различимо при небольшом размере. И разместить ее в ввиде файла "favicon.ico" в корневом каталоге сайта, так как исторически сложилось, что там его ищет Internet Explorer. Обычно используется изображение размера 16×16 пикселов формата ICO.

   Для обеспечения совместимости (например, была замечена проблема с браузером Opera) нужно использовать размеры изображения 16 на 16, с числом цветов 16 или 256. Конечно же, формат Windows Icon, в которое мы преобразуем получившееся изображение, предусматривает и лучшие характеристики иконки.
   Путь к файлу, его формат и размеры изображения могут быть любыми, допустимыми для WWW (за исключением Internet Explorer, который допускает для значка только формат ICO, «лежащего» в корне сервера).
   Все современные браузеры понимают явное указание положения значка в HTML-коде и могут использовать вместо формата ICO формат PNG, GIF, BMP и других.

   При добавлении картинок в иконку следует помнить, что большая иконка может тормозить загрузку сайта, потому что иконка загружается одной из первых.

   Значок может быть не только отображением какого-либо определенного логотипа. Значок — это прежде всего обширная идея, которую надо засунуть в рисунок размером 16×16 пикселей.

346
2.6 44
Рейтинг: +2.6 , голосов 44
Вы еще не голосовали!
Добавить комментарий (комментариев: 2)
Удалить ответ

Ваш почтовый ящик никогда не будет опубликован
Трудно разобрать цифры? Нажмите на рисунок, чтобы обновить.
#1 11/05/2010 14:50 Maxns
reply
Спасибо, работает Для уточнения(с Вашего позваления) "http://info-pages.com.ua/favicon.ico" - это путь в фалу-иконке
11/05/2010 20:57 admin
да, это путь к иконке
#2 21/09/2009 23:22 Кнур!
reply
а где сами иконки? Оо

Дополнительно

» С чего начать сайт?

» Установка программ

» Пример создания сайта

» Хостинг и домен

» Оптимизация сайта

» Раскрутка сайта

» Заработок web-мастера

» Примеры PHP/Javascript

» Блог и мои записки

Последние новости

Статьи по рейтингу

» Особенности покупки контента 5.0 1
» Выбор хостинга 4.8 5
» Поисковые системы 4.7 9
» Курс молодого web-мастера 4.6 21
» Где взять бесплатные ссылки 4.5 11
» Что такое сниппеты 4.5 6
» Addstudio - SEO модуль 4.5 4
» Отладка js и CSS 4.4 14
» Стратегия дохода на Sape.ru 4.3 3
» Каталоги и биржи статей 4.3 4