Как установить Favicon

14.08.2012 | Автор: admin

Сначала некоторая информация по favicon.

Favicon или просто по русски фавиконка, это рисунок (иконка) которая стоит рядом с названием сайта на вкладках браузера и закладках. Фавиконка присутствует рядом с сайтом в выдаче Яндекса. А так же её используют некоторые каталоги.

Не стоит недооценивать её. Favicon делает сайт более заметным, а значит и более кликабельным.
Favicon представляет собой графический файл, обычно с расширением .ICO

Стандартный размер файла favicon, для браузеров - 16х16 пикселей. Выдача Яндекса, так же использует этот размер, а вот в каталогах размер может быть увеличен до 32х32 пикселя.
Если файл будет больше, ничего страшного, современные браузеры сумеют этот файл уменьшить до стандартных размеров (16х16 пикселей).
Как я уже сказал, обычно favicon имеет расширение -.ico, но допускается расширения и GIF, и PNG.

Как сделать favicon?

Сделать favicon можно с помощью Фотошопа, но следует знать что старые версии фотошопа, формат ico не поддерживают, требуется специальный плагин. Или воспользоваться одним из онлайн сервисов, например - http://www.favicon.cc. В этом сервисе можно создать фавикон самостоятельно нарисовав его, из вашей загруженной фотографии или картинки, или скачав уже готовый.
Favicon может быть анимированным если он с расширением ICO или GIF. Но, к сожалению, анимацию поддерживает только браузер фаерфокс. В Опере и Хроме, будет статическая фавиконка.

Как установить favicon на сайт?

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

Для расширения ico:

или

Для картинки PNG:

или

Для GIF анимации:

Ну и конечно же заменить адрес моего сайта на свой.

Наверх ↑