Favicon

Данный инструмент поможет Вам сгенерировать иконку Favicon для Вашего сайта из изображения любого размера (из доступного для использования формата) или сомастоятельно нарисовать.


   Что такое favicon?
favicon - это небольшая иконка (изображение, картинка) в специальном созданном формате, которая отображается в адресной строке браузера.
favicon - это дополнительное украшение к общему дизайну сайта, Ваш минилоготип.
   Зачем нужен favicon для сайта?
favicon – товарный знак Вашего сайта. У многих компаний на сегодняшний день есть отличительный favicon значок, который выделяет их среди конкурентов. Можно сказать, что маленький значок в адресной строке браузера выделяет сайт среди других, и заслуживает еще большее доверие , так как по значку, пользователь чувствует, что попал на нужный сайт.
Файл изображения (форматы: ".gif", ".jpg", ".png", ".jpeg", ".ico"),
Создать иконку в формате
Пример созданной иконки Favorit в браузере "Opera":

       Как нарисовать favicon?
1) Выбор цвета – здесь Вы можете выбрать цвет, палитру, оттенок favicon;
2) Cтерка, определить цвет, двигать иконку - основные инструменты для работы с favicon;
3) Предварительный просмотр – образец создаваемой favicon в браузере в режиме онлайн.
4) Сохранить иконку – сохранит иконку на Ваш компьютер.

 

Выбор цвета

Последние используемые цвета:
стерка
определить цвет
двигать иконку
 

Предварительный просмотр

Пример иконки в браузере:

 

Конвертор PNG, GIF или JPG в ico (прозрачность сохраняется)

Пожалуйста, загрузите PNG, GIF или JPG изображение:


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

1) Закачайте иконку в основную (предпочтительнее в корневую), но и можно в любую другую папку сайта ;

2) Не забудьте добавить следующий html код в каждую страницу вашего сайта внутрь секции <head> :

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

Можно еще так:

<link rel="icon" href="http://ваш-сайт/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="http://ваш-сайт/favicon.ico" type="image/x-icon">

или так:

<link rel="icon" href="http://ваш-сайт/путь_к_иконке/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="http://ваш-сайт/путь_к_иконке/favicon.ico" type="image/x-icon">


   
каталог