Что такое пиктограмма сайта. Иконка сайта. Файл
favicon.ico
Пиктограмма (от лат. pictus — нарисованный,
греч. grapho — пишу):
-
небольшое изображение (рисунок или
фотография) для идентификации файла, программы и т.п., выбор и
активизация которого вызывает некоторое действие;
-
один из элементов графического
интерфейса пользователя;
-
элемент веб-дизайна сайта.
Пиктограмма сайта (иконка сайта) - небольшая картинка в формате
.ico,
которая отображается рядом с url-адресом сайта в
адресной строке браузера и рядом с названием
сайта в "Избранном" или в "Закладках" вместо стандартной,
общей для всех иконки.
Пиктограмма часто используется в
веб-дизайне:
-
как элемент системы навигации;
-
для отображения маркированных списков;
-
как элемент для привлечения или
усиления внимания к какому-либо тексту, рисунку и т.д.
-
как элемент для оформления сайта,
создания запоминающегося веб-дизайна, придания веб-странице более
привлекательного вида и т.д.
Синонимы пиктограммы: значок, "иконка",
"икона", маркер.
Размер пиктограммы, как правило, не превышает
100х100 пикселей.
Пиктограмма может быть создана из любого рисунка:
как всего, так и из его части.


|
-
Наверное
вы замечали, что ссылки на некоторые сайты,
после добавления в "избранное" (Favorites) в Internet
Explorer, отображаются не со стандартной иконкой "е", а с собственной.
-
Разработчики IE придумали: если в корневом каталоге сайта присутствует файл favicon.ico,
то он определяет, какая иконка будет в адресной строке браузера вместо
значка IE - буквы "е".
-
Формат пиктограммы сайта соответствует формату файлов .ico MS
Windows. Пиктограммы сайта могут быть либо в
отдельном файле, либо включены в .dll или .exe файлы.
|


|
-
Для использования в качестве иконки сайта
(пиктограммы сайта) желательный размер
изображения - 16x16 пикселей.
-
Можно создавать иконку
сайта с размерами 32х32 и
48х48 пикселей. В этом случае IE сам изменит
размеры изображения.
-
Для
создания уменьшенной копии иконки сайта (16х16 пикселей) лучше не
использовать стандартные функции изменения размеров графических пакетов.
-
Нарисуйте уменьшенное изображение
иконки сайта размером 1х1 пиксель с помощью
инструментов для рисования. Это позволит получить
более качественное изображение иконки сайта.
-
Вначале рекомендуем
создать иконку сайта в формате .bmp. Далее
преобразовать формат изображения в .ico.
-
Для создания иконки сайта
можно использовать любую графическую программу, сохраняющую
файл в формате .ico.
|
Размер
файла иконки обычно
16x16, 32x32, 48x48
пикселей и
4, 8
и 32
битная
глубина цвета (16, 257 и
TrueColor).
Иконка сайта
favicon.ico в результатах
поисковых систем отображается
размером 16х16 пикселей.
Рекомендуемые параметры пиктограммы сайта:
размер - 16х16 пикселей; 16 цветов.
|
Пример пиктограммы сайта
(иконки сайта)
Вопросы и ответы по
пиктограммам сайта
1.
Зачем нужна иконка сайта (пиктограмма сайта)?
Причин несколько:
-
Пиктограмма сайта (иконка сайта) узнается быстрее, чем можно
прочесть заголовок найденного документа или его URL в результатах
запросов поисковых систем.
-
Использование
пиктограммы сайта позволяет задержать внимание пользователя на ссылке,
лучше запомнить вашу ссылку, следовательно повысить
посещаемость сайта.
2.
Как разместить иконку сайта (пиктограмму сайта) на сайте?
Достаточно разместить
файл favicon.ico в корневой
директории сайта.
Пример:
www.antula.ru/favicon.ico.
3.
Как разместить иконку сайта (пиктограмму сайта) на сайте, если нет
возможности разместить ее в корневом каталоге?
Если, по какой-либо
причине нет возможности разместить файл favicon.ico
в корневом каталоге сайта, то
можно явно указать браузеру на расположение
иконки сайта, поместив в заголовок страницы строку:
<link rel="shortcut
icon" href="url-адрес">
где url-адрес -
абсолютный адрес к файлу
favicon.ico.
Если браузер не встретил указания о местонахождении
иконки сайта в заголовке
страницы, то он пытается взять его из файла favicon.ico в корневой
директории сайта.
4.
Почему после
добавления сайта в "избранное", Internet Explorer всё равно не
показывает иконку сайта?
Скорее всего, информация об отсутствии иконки
сайта, т.е. старая
версия сайта,
сохранилась в кэше браузера.
Выполните следующее: удалите ссылки на ваш
сайт в "Избранном". Если вы не увидите вашей иконки сайта после
добавления ссылки в "избранное", попробуйте очистить кэш браузера.
Если и это не помогло, проверьте формат, размеры и глубину цвета
изображения.
Примечание
-
Не всегда favicon отображается после
добавления сайта в избранное.
-
Основная причина: на середину 2006
года спецификация favicon пока не стандартизована всеми разработчиками
браузеров и программного обеспечения.
-
Если вы выполнили все рекомендации по
созданию и размещению favicon, но иконка
сайта по-прежнему не отображается - не переживайте. У большей части
тех, кто просматривает результаты запросов поисковых систем или
добавил ваш сайт в "избранное", иконка сайта отобразится.
5.
Какие браузеры поддерживают
favicon.ico?
-
MS
IE
поддерживает favicon с
версии
5.0;
-
Netscape поддерживает
favicon
с версии
7.x;
-
Mozilla поддерживает
favicon с версии
0.9.6;
-
Konqueror
поддерживает favicon.
-
Другие последние версии
современных браузеров (Firefox, Opera, Safari, iCab, AOL Explorer и
т.д.) поддерживают favicon.
Примечание:
-
MS IE
(начиная с версии 5.0 с 1999г.) при добавлении сайта в "избранное",
извлекает иконку сайта и помещает ее в список избранных сайтов и
в окно адреса. Откуда ее можно перетащить, например, на поверхность стола.
-
Возможности веб-дизайнеров по созданию
пиктограмм сайта расширяются. Хотя основной формат
файла иконки
.ico некоторые современные браузеры поддерживают
анимированные пиктограммы сайта в формате GIF и
PNG.
6.
Какое количество цветов желательно использовать при создании
favicon?
Рекомендуем использовать .ico не более 16 цветов.
Другие
форматы не всегда распознаются браузерами.
7.
Почему
в логах моего сайта много ссылок на файл favicon.ico с ошибкой "404 not
found"?
Многие браузеры,
например, IE 5.0 и выше, автоматически запрашивают файл favicon.ico для
каждого сайта,
чтобы отобразить соответствующую сайту иконку.
Если на сайте нет файла favicon.ico, сервер записывает ошибку
"404 - not found"
в лог файле.
Отсутствие файла
favicon.ico - не проблема. Это означает, что
сайт отобразится со стандартной иконкой
браузера
IE - буквы "e".
8.
Можно ли
отдельным страницам сайта назначить разные иконки?
Да, можно. Пропишите в
<head> страницы путь к соответствующей ей иконке.
Если вы
считаете, что пользователь может занести в "избранное" не только
корневой URL, скопируйте файл favicon.ico во все директории сайта.
Разместив на каждой веб-странице различные
пиктограммы сайта, можно узнать,
впоследствии, какие веб-страницы заносятся в "избранное" посетителями.
Важно:
Пиктограмма сайта -
отличительный знак, по которому сайт узнают пользователи.
Назначать разные
пиктограммы отдельным веб-страницам надо обоснованно. В противном случае
запоминаемость сайта снижается.
9.
Какой объем файла в кб. должен быть у favicon.ico
размером 16х16 пикселей, 32х32 пикселя и 48х48 пикселей?
Объем файла favicon.ico
для указанных размеров любой.
10.
Почему у некоторых сайтов favicon.ico
содержит несколько картинок разных форматов и размеров?
Многие пользователи добавляют пиктограммы сайтов на рабочий стол.
Обычно размер пиктограммы сайта на рабочем столе больше 16х16 пикселей и количество
цветов больше 16.
Чтобы пиктограмма вашего сайта выглядела наглядно и
на рабочем столе, целесообразно создать ее размером 32х32 или 48х48
пикселей.
11.
Веб-студия "Антула" оказывает услуги по созданию иконок сайта
(пиктограмм сайта)?
Веб-студия "Антула" оказывает услуги по
созданию пиктограмм сайта в случае получения заказа на изготовление
сайта.
Стоимость изготовления иконки favicon.ico
от 300 руб.
Резюме
-
Пиктограмма сайта (иконка
сайта) - простой способ для повышения запоминаемости сайта.
-
Отображение
пиктограммы сайта в результатах запросов поисковых систем
отображается не сразу, а через некоторое время - после очередного
посещения сайта роботом поисковой системы и индексации сайта.
-
Технически разработать
пиктограмму сайта просто. Сложнее добиться ее совместимости с
разными браузерами и серверами.
-
Не все браузеры
поддерживают пиктограмму сайта после добавления в
"избранное". В ряде случаев пиктограмма сайта может не отобразиться.
-
Разработку пиктограммы
сайта и размещение ее в составе сайта лучше доверить опытным
веб-дизайнерам.
|