Пятница, 07-08-2020
TehSpravka
Меню сайта
Категории раздела
Связь. [1]
Вебмастеру [17]
Интернет/Технологии [11]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Связь/Интернет » Вебмастеру

Свой значок в адресную строку.
Сегодня во Всемирной Паутине редко встретишь сайт, в адресной строке которого нет значка с логотипом компании. Кроме того, браузеры умеют отображать значки сайтов и на своих вкладках. А еще, при добавлении ссылки на сайт в Избранное, значки отображаются и там. Изображение значка сайта извлекается из файла favicon.ico, который представляет собой набор вариантов одного и того же изображения разных размеров - так называемых иконок. Если этот файл отсутствует на сайте или отобразить его не удается, браузер использует собственный значок, принимаемый по умолчанию. По большому счету для отображения значка достаточно поместить файл favicon.ico в корневой каталог сайта (туда, где находится главная страница index.html), но не все браузеры автоматически реагируют на его наличие. Чтобы любой браузер использовал значок, нужно в шапку HTML-страницы, т.е. между тэгами <head></head>, добавить следующий код.

<link href="адрес_сайта/favicon.ico" rel="icon" type="image/x-icon">

Чтобы значок отображался в качестве ярлыка на Рабочем столе Windows (когда пользователь добавляет ссылку на сайт на свой Рабочий стол), нужно использовать такой код.

<link href="адрес_сайта/favicon.ico" rel="shortcut icon">

Можно использовать сразу обе данные конструкции, вреда от этого не будет. Кроме этого, ваш значок может быть не в формате ICO, а в каком-нибудь другом, например, в анимированном GIF, если браузер поддерживает подобное. Для этого достаточно изменить MIME-тип и указать адрес GIF-файла.

<link href=""адрес_сайта/favicon.gif" rel="icon" type="image/gif">

Можно одновременно использовать разные значки для разных обозревателей. Чаще всего достаточно всего двух строчек кода, чтобы обеспечить функционирование всех существующих вариантов демонстрации значка сайта в разных браузерах.

<link href="адрес_сайта/favicon.ico" rel="icon" type="image/x-icon">
<link href="адрес_сайта/
favicon.gif" rel="icon" type="image/gif">

В этом примере браузеры, поддерживающие анимацию, используют файл favicon.gif, а те, которые ее не поддерживают, - файл favicon.ico.

Хочу заметить, что файл favicon.ico должен содержать значок размерами 16х16 пикселей. Именно эта картинка будет отображаться в адресной строке браузера, на вкладке и в меню Избранное. Так как многие пользователи также добавляют ярлыки для сайтов на Рабочий стол Windows, а там размер значка обычно больше 16х16 пикселей, стоит включить в файл и изображения размерами 32х32, 48х48 пикселей и более. Если, конечно, вы хотите, чтобы логотип вашего сайта выглядел прилично и на Рабочем столе пользователя. Но не переусердствуйте! Слишком большой по размеру файл иконки будет заметно тормозить загрузку сайта. Учтите так же, что размер ICO-файла не должен превышать 300 Кб.

Категория: Вебмастеру | Добавил: alexvn (21-03-2010)
Просмотров: 3410 | Комментарии: 1 | Рейтинг: 4.5/6
Всего комментариев: 1
1 белов юрий   (22-03-2011 13.02.32) [Материал]
http://kinopops.narod.ru

Имя *:
Email:
Все смайлы
Код *:
Вход на сайт
Поиск
Полезные ссылки.
О г.Комсомольске
Наш опрос
Дайте оценку нашему сайту.


Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 355
Обсудить опрос на форуме
TehSpravka.at.ua © 2020 Комсомольск на Днепре.