Главная » Блог » Оптимизация » Как установить Favicon
15:01

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

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

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

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

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

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

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

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

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

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

<link rel="shortcut icon" href="http://zarabotok-na-site.narod.ru/favicon.ico" type="image/x-icon">

или

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

<link rel="shortcut icon" href="http://zarabotok-na-site.narod.ru/favicon.png" type="image/png">

или

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

<link rel="shortcut icon" href="http://zarabotok-na-site.narod.ru/favicon.gif" type="image/gif">

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

С уважением admin


Категория: Оптимизация | | Рейтинг: 5.7 из 10 Просмотров: 13161 |
Поделиться
Feedburner
Оплаченная реклама
Рейтинг@Mail.ru
Рейтинг@Mail.ru Valid XHTML 1.0 Transitional Читать @WmZar
Подпишись на RSS

Хостинг от uCoz