Иконка для сайта. favicon.

Иконка для сайта

Иконка для сайта (favicon.ico) - значок сайта.

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

Процедура установки значка сайта (фавиконки) состоит из следующих шагов:

Создаем иконку размером 16 x 16, которая будет представлять собой символ проекта, и сохраняем ее в файле
с именем favicon.ico.
Предпочтительный формат пиктограммы сайта — ICO.
- иконка favicon.ico (16 x16) для данного сайта.
Копируем favicon.ico в корневую папку сайта.
Вставляем следующий код в секцию заголовка страницы:

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>
Перегружаем сайт.

Генератор иконок - Favicon.cc

Можно рисовать иконку прямо на сайте или импортировать изображение.
Также доступен предварительный просмотр.
Можно делать анимированные иконки - под картинкой расположена кнопка "Use animation",
которая раскрывает панель анимации.

Онлайновый генератор favicon

Ссылки для поиска готовых бесплатные иконок:
1. FindIcons.com
2. Iconfinder

Другой формат Фавикон

Вместо формата [ico] можно использовать фавикон формата [gif] или [jpeg] или [png].
В этом случае нужно изменить значение атрибута type на image/gif или image/png соответственно:


        <link rel="icon" href="путь gif-фавикону"  type="image/gif">


        <link rel="icon" href="путь jpeg-фавикону"  type="image/jpeg">


        <link rel="icon" href="путь png-фавикону"  type="image/png">

По теме:

Иконки для сайта на CSS >>>

вверх