» » [ Добавить статью ]

Про пиктограмму, он же логотип или значок сайта.

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

         Как сделать, чтобы рядом с описанием моего сайта в каталоге показывался значок сайта?

Расположите в корневой папке вашего сайта файл favicon.ico.  Это небольшая картинка (иконка) в специальном формате, которая отображается рядом с адресом вашего сайта в адресной строке браузера и рядом с названием вашего сайта в "Избранном" или в "Закладках" вместо стандартной, общей для всех иконки.

         Зачем нужен значок сайта?

Люди гораздо быстрее узнают графическое изображение, чем читают текст. Увидев пиктограмму, скажем, знакомой всем Википедии, или кулинарного портала  Cooking-book, вы понимаете, насколько качественную и подробную информацию можно найти на этих сайтах по вашим запросам. Заметив пиктограмму  ЖЖ-блога, вы сразу понимаете, что найденный документ — это личное мнение автора, а не официальная информация.

         Что изображено на пиктограмме?

* Они могут повторять логотип или официальный символ
* Отражать тему сайта
* Содержать абстрактное изображение

         Значок сайта, соответствующий странице. Как его указать?

Чтобы указать значок, соответствующий странице, достаточно единственного тега HTML:
<link rel="shortcut icon" href="адрес значка" type="image/x-icon">
Тег этот помещается в заголовочной части страницы, то есть где-нибудь между <head> и </head>. В качестве адреса значка указывается URL того файла, в котором лежит значек. Вот так всё просто.

         Зачем rel в теге <link>?

Тег <link> используется для указания отношений (связей) между той страницей, на которой он находится, и другими объектами Паутины. В данном случае rel="shortcut icon" задаёт форму такого отношения: ссылка указывает на значок для ярлыка страницы. Указание это обязательно, поскольку с помощью <link> могут указываться адреса не только значков, но и других объектов (стилевые таблицы, почтовые ящики авторов, URL логически близких страниц вебсайта могут также быть упомянуты таким способом); необходимо отличать значок от файлов, имеющих другое назначение, и только правильное указание rel может этому способствовать.

         Для чего служит type в теге <link>?

Для указания MIME-типа. В данном случае «image/x-icon» означает формат файла, содержащий значок в формате Microsoft Windows. Такие значки понимают практически все бра?узеры, способные отображать значки сайтов. Если к странице подключён значок другого типа, и браузер не умеет отображать значки указанного типа, то он не станет и пытаться скачивать значок из Сети. Таким образом, указание type позволяет экономить время читателя сайта. Если MIME-тип не указан, то браузеру придётся анализировать строку Content-type из заголовка HTTP-отклика вебсервера, а для этого надо начать скачивать файл. Кроме того, некоторые браузеры могут пренебречь заголовком и счесть значок хранимым в формате Microsoft Windows, даже когда это не соответствует заголовку. Ведь для того, чтобы в заголовке HTTP-отклика стояла строка «Content-type: image/x-icon», большинство вебсерверов нуждаются в соответствующей настройке. Исходя из этих соображений, type в теге <link> следует указывать при каждом подключении значка к странице.

         Особая роль файла favicon.ico?

Большинство браузеров, если не находят ни одного тега <link>, который соответствовал бы значку, то полагают, что у страницы нет собственного значка, и поэтому используют для неё стандартный значок страницы (свой для каждого браузера). Но Microsoft Internet Explorer и в таком безнадёжном случае всё ещё дополнительно пытается найти в корне сайта файл с кодовым именем favicon.ico, чтобы достать и использовать значок оттуда. Некоторые ленивые вебмастеры при виде такого поведения приняли решение отказаться от каких бы то ни было тегов <link>, просто создав по одному файлу favicon.ico на сайт, и положив их в корень сайта. Это решение не есть мудрым, поскольку использование тега <link> даёт три преимущества:
 во-первых, файл со значком можно назвать как угодно, а не только favicon.ico;  
 во-вторых, можно назначить много разных значков нескольким разделам сайта, а не только один и только всему сайту сразу;  
 в-третьих, и это главное, если значок не прописан в <link>, то его не увидит ни Мозилла, ни Феникс, ни Netscape, ни Konqueror — и вообще ни один браузер, кроме Microsoft Internet Explorer.

В FAQ эхоконференции Ru.HTML.Chainik от 26 апреля 2002 года (а именно, в пункте 2.30) содержится рекомендация создать файл favicon.ico, кинуть его в корень вебсайта, а потом именно его и указывать внутри <link>. Рекомендация эта опрометчива, поскольку если потом возникнет надобность отменить для одной из страниц указание нестандартного значка, то просто убрать соответствующий <link> будет недостаточно: Internet Explorer продолжит по-прежнему успешно находить favicon.ico в корне сайта. Единственным выходом станет переименование файла favicon.ico и изменение кода вообще всех остальных страниц вебсайта, а не только той одной, для которой захочется отменить указание значка.

        Какой же, формат значков Microsoft Windows?

ICO-файл Microsoft Windows содержит один или несколько значков, размер и цветность каждого из которых задаётся отдельно. Данные значков хранятся в несжатом виде, то есть цвет каждой точки значка кодируется независимо, и объём файла поэтому получается довольно-таки большим. Размер значка может быть любым, но тогда вид значка будет дополнительно искажён при растяжении или сжатии в момент приведения к одному из стандартных размеров. Значки бывают либо в естественном цвете (True Color), либо с фиксированной палитрой (из двухсот пятидесяти шести, шестнадцати, или всего из двух цветов). Большинство нынешних читателей, оборудованы современной техникой и поэтому способны воспринимать на своих дисплеях естественный цвет, так что использование фиксированной палитры в значках сайтов продиктовано одним лишь желанием — уменьшить объём файла, и тем ускорить его скачивание. Уменьшение объёма файла со значками — это достаточно важное занятие. Поскольку, если сохранить в нём несколько значков большого размера, да ещё и в
естественном цвете, то его вес легко может оказаться больше, чем объём той страницы вебсайта, к которой значок относится. А это уже перебор, верно ведь?

        Какие браузеры и где его отображают значок 16x16?

Размер 16x16 является основным стандартным размером значка вебсайта. Значок 16x16 используется браузерами чаще всего. Для браузера Microsoft Internet Explorer пятой версии, значок 16x16 является обязательным: если MSIE не обнаружит в файле значок 16x16, файл значка окажется проигнорирован браузером. Microsoft Internet Explorer отображает значки 16x16 для ярлыков вебсайта, создаваемых читателем, в собственном меню «Избранное» («Favorites») и на своей панели «Ссылки» («Links»). Кроме того, благодаря интеграции Internet Explorer и Windows, перетаскиванием в другие окна, ярлыки 16x16 могут быть созданы в области быстрого запуска на панели задач («Quick Launch») или в меню «Пуск > Программы» («Start > Programs»),а также, непосредственно в главном меню «Пуск», если действует настройка «Мелкие значки в главном меню». Ярлыки, созданные перетаскиванием в другие папки, тоже имеют размер 16x16 при просмотре папки в режимах «Мелкие значки», «Список» и «Таблица». После перехода по любому из этих ярлыков Internet Explorer начинает отображать значок 16x16 и в поле адреса страницы, слева от её URL. Всё вышеописанное верно только для страниц, находящихся в Паутине — и не работает для локальных страниц на компьютере читателя. Подобное поведение Microsoft Internet Explorer, кстати, позволяет любому вебмастеру сайта негласно отслеживать тех посетителей, которые заносят его в «Избранное» или иным способом запоминают адрес сайта в виде ярлыка, поскольку только в этом случае происходит обращение за значком на вебсервер. Кроме того, читатель обыкновенно бывает лишён возможности созерцать всё разнообразие значков на всех вебсайтах, по которым перемещается, поскольку не может же он помещать в закладки каждую страницу, которую видит...
Все другие браузеры лишены этого неприятного недостатка, отображая значок 16x16 в строке адреса независимо от наличия или отсутствия сайта в «избранном» или «отмеченном» списке. Зато и других мест, куда этот значок можно впихнуть, у них меньше. Phoenix отображает значки в списке «Bookmarks», Mozilla и Netscape не делают и этого. Mozilla (а также Phoenix, и, по-видимому, другие мозиллоподобные браузеры — например, Netscape и Химера) также поддерживают открытие нескольких закладок (tabs) в одном окне (наподобие браузера Opera), отображая значки вебсайтов на корешках таких закладок. Это чрезвычайно удобно, поскольку позволяет быстро ориентироваться при выборе закладки, не тратя время на чтение заголовков страниц — да и многое ли из заголовка уместится на корешке закладки?
Из всего вышесказанного следует вывод, что при создании значка для сайта или страницы, главным является размер 16x16, который обязательно будет использоваться массой читателей. Именно его следует прежде всего помещать в ICO-файл.

               Если стоит выбор между сохранением значка 16x16 либо в естественном цвете (True Color), либо в формате с фиксированной 256-цветной палитрой, то какой выбор следует сделать и почему?

Следует выбрать естественный цвет, поскольку в данном случае именно это позволит сократить объём файла. Значок 16x16, как легко проверить умножением, состоит как раз из двухсот пятидесяти шести точек. Проще и экономнее поэтому, получится напрямую и сразу задать естественный цвет каждой из этих точек, нежели сначала выделить для каждой из них отдельный номер в палитре из двухсот пятидесяти шести цветов, и только потом указать естественный цвет, соответствующий каждому из фиксированных цветов палитры. Впрочем, это соображение справедливо только для небольшого значка 16x16; если бы речь зашла о значках 32x32 и 48x48, где точек во много раз больше, то тогда, напротив, именно использование фиксированной палитры дало бы существенное (в несколько раз) уменьшение объёма файла.

                Зачем нужны значки размером 32x32 и 48x48?

Наряду с основным размером значка 16x16, который используется повсеместно, существует ещё пара стандартных размеров — 32x32 и 48x48. Эти крупные значки используются операционной системой Microsoft Windows для представления ярлыков страниц Паутины на рабочем столе. Кроме того, значки такого размера используются в меню «Пуск» над папкой «Программы», если была выключена настройка «Мелкие значки в главном меню», а также при просмотре любой другой папки в режиме «Крупные значки». К сожалению, такое использование значков сайта построено на тесной интеграции браузера и операционной системы, поэтому оно начинается только в том случае, если ярлык (URL-файл) был создан перетаскиванием из Internet Explorer. В противном случае значок будет стандартным. Но, даже несмотря на это неприятное обстоятельство, следует помнить, что операционная система Windows и браузер Internet Explorer достаточно широко распространены, так что рано или поздно кто-нибудь создаст и будет рассматривать ярлык вашего вебсайта именно в таком виде и режиме, который предполагает использование значка размером 32x32 или 48x48. Особенно нередко это происходит для популярных и часто обновляемых вебсайтов, поскольку подобные свойства сайта явно повышают привлекательность помещения ярлыка на рабочий стол, для частого (а то и вообще ежедневного) использования его.

              Обязателен ли формат для значка ICO, или можно, например, анимированный GIF?

Конечно можно. Если, правда, браузер, поддерживает подобное. Для этого достаточно изменить MIME-тип и указать адрес GIF-файла:
<link rel="shortcut icon" href="адрес значка.gif" type="image/gif">
Браузеры, которые понимают GIF-значки сайтов (например, Mozilla) будут демонстрировать анимацию в строке адреса, слева от URL, а также во всех остальных местах, где ими отображаются значки. Браузеры, которые не способны на такой подвиг (например, Microsoft Internet Explorer 6), просто не станут скачивать значок этого типа. Именно поэтому следует указывать тип.


               Возможно ли, чтобы значок был анимированным GIF там, где это возможно, а в остальных браузерах оставался неподвижным ICO-изображением?

Да. Такой эффект будет достигнут, если указать два link-тега подряд, один за другим:
<link rel="shortcut icon" href="адрес значка.ico" type="image/x-icon">
<link rel="shortcut icon" href="адрес значка.gif" type="image/gif">
Браузер всегда берёт последний из указанных значков — при том условии, что понимает тип значка. Таким образом, понимающие GIF возьмут GIF, остальные возьмут ICO. Этот трюк работает и со значками новомодных нестандартных форматов — таких, как MNG. Такие значки надо всегда указывать последними — а перед ними приводить, как минимум, ICO-версию. ICO-версия должна указываться всегда, поскольку значки других MIME-типов не пригодны для оформления ярлыков Microsoft Windows (URL-файлов), а это необходимо и на рабочем столе,
и в других папках.

Материал из хелпа Яндекса.
Категория: о компьютерах, про Интернет | Добавил: Стас (18.12.2008)
Просмотров: 5046 | Теги: значок, Сайт, интернет, логотип сайта
Прочитавших Про пиктограмму, он же логотип или значок сайта. также заинтересовало:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]