Уголок веб-разработчика

сайт для веб-мастеров и веб-разработчиков


Реклама на сайте
как разместить свою рекламу?



Блог о веб-разработке!



Устанавливаем на сайт картинку favicon (версия 1.1)

Автор: Михаил Пестречихин
Источник: http://www.codething.ru/favicon.php

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

Для того, чтобы добавить favicon на свой сайт, необходимо нарисовать картинку 16x16 пикселей. Как только картинка нарисована, необходимо сохранить её. Причем, все современные браузеры, кроме Internet Explorer, корректно отображают форматы JPEG, GIF, PNG. Internet Explorer идет своим путем и отображает только формат ICO. Поэтому сохранять придется в двух форматах сразу.

Одну картинку сохраним в GIF - для современных браузеров, а одну сохраним в BMP, для того, чтобы потом сконвертировать в ICO.

Для конвертации из BMP в ICO нам понадобится специальное программное обеспечение, например, программа BMP2ICO, скачать которую бесплатно можно, например тут:
http://www.freeware.ru/program_prog_id_1586.html

Или воспользоваться для этого каким-либо онлайн-сервисом, например, таким:
http://www.prodraw.net/favicon/

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

Для современных браузеров - строчка подключающая картинку в формате GIF.

<link rel="icon" href="/favicon.gif" type="image/gif">

Для браузера Internet Explorer:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Все готово! Если вы выполнили эту инструкцию, то теперь на вашем сайте есть картинка.

Подробнее про favicon можно прочитать на сайте:
http://www.favicon.ru/ru/faq/

Хотите дополнить или поделиться своей статьей - пишите: studio@pestr.ru







Rambler's Top100
© Студия Михаила Пестречихина, 2008-2017
При перепечатке и копировании статей с сайта указание автора и URL статьи обязательно!
Программный код, приведенный в статьях в качестве примеров, можно использовать без каких-либо ограничений.
Работоспособность, надежность и безопасность программного кода из примеров не гарантируется.
Хостинг «Джино»