Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Подписаться
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • HTML

favicon.ico

  • 06.11.2001
Total
0
Shares
0
0
0
0
0
0

Автор статьи: Головин Андрей

Наверное вы уже не раз замечали, что ссылки на некоторые сайты, после добавления в “избранное” (Favorites) в Internet Explorer, отображаются не со стандартной иконкой (>) html-документа, а со своей собственной. Один из таких сайтов – сайт Авто Люкс Сервис (). Кроме того, это изображение будет отображено в строке адреса, если сайт загружен из списка “избранное”.

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

Процедура создания и использования такого изображения довольно проста. Необходимое изображение хранится в файле favicon.ico, который должен находиться в корне вашего сайта. Рекомендуемые параметры изображения: 16х16 пикселей – размеры; 16 цветов. Однако, можно создавать иконку с размерами 32х32 и 48х48 пикселей. В последнем случае IE сам изменит размеры изображения.

изначально необходимо создать изображение и сохранить его в формате .BMP. Далее необходимо преобразовать формат этого изображения в .ICO. (Вобще-то, Windows может воспринимать в качестве иконок и сами файлы BMP, но для favicon.ico необходим именно этот формат) Для данного преобразования существует множество программ. Например бесплатная программа bmp2ico. Эта незатейливая утилита позволит вам не только преобразовать формат изображения, но и установить прозрачные пиксели.

Если вы хотите создать полноценную иконку, то вам необходимо использовать программу типа Icon Collector Graphic Editor. Кроме стандартных инструментов рисования, данная программа позволяет создавать анимированные иконки, иконки, содержащие варианты изображений с различными размерами и глубиной цвета.

После того, как вы создали файл favicon.ico, поместите его на свою страницу и на этом работа завершена.

Если вы, по каким-либо причинам не можете разместить данный файл в корне своего сайта, то используйте директиву <LINK REL=”SHORTCUT ICON” href=”/your/path/favicon.ico”>. Кроме того, если вы считаете, что пользователь может занести в “избранное” не только корневой URL вашего сайта, то скопируйте файл favicon.ico во все директории сайта.

Перед тем, как протестировать проделанную работу, удалите ссылки на ваш сайт в “избранном”. Если вы не увидите вашего изображения после добавления ссылки в “избранное”, то попробуйте очистить кэш браузера. Если и это не помогло, то проверьте формат, размеры и глубину цвета вашего изображения.

В завершение хочу сказать, что для создания уменьшенной копии (16х16 пикселей) логотипа, не стоит использовать стандартные функции изменения размеров графических пакетов. Попробуйте нарисовать уменьшенное изображение сами с помощью инструментов рисования с размером 1х1 пиксель. Это позволит получить более качественное изображение логотипа.

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
alexvolkov

Предыдущий материал
  • CSS

Описание стилей элемента<A>

  • 05.11.2001
  • alexvolkov
Read More
Следующий материал
  • Все о Photoshop

Барельеф

  • 06.11.2001
  • alexvolkov
Read More
Вас также может заинтересовать
Read More
  • HTML

Оптимизация. Важность тега TITLE

  • Алексей Волков
  • 30.11.2009
Read More
  • HTML

Советы начинающему верстальщику HTML

  • Алексей Волков
  • 25.11.2009
Read More
  • HTML

HTML – Долой тег hr из html разметки

  • Алексей Волков
  • 14.11.2009
Read More
  • HTML

“Резиновая” рамка с фигурными углами

  • alexvolkov
  • 27.07.2005
Read More
  • HTML

Создай свою Web-страницу за пять минут!

  • Алексей Волков
  • 31.03.2005
Read More
  • HTML

Блокнотик с подсветкой

  • Алексей Волков
  • 31.03.2005
Read More
  • HTML

HTML-редактор? Вот и редактируй!

  • Алексей Волков
  • 21.08.2003
Read More
  • HTML

Выбираем HTML-редактор

  • Алексей Волков
  • 14.08.2003

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Рассылка как продукт
    • 24.07.20
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.18
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.18
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.17
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.17
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter