Создание Favicon онлайн

Фон иконки: белый | клетчатый

Инструменты:

кисть
заливка
стерка

Как добавить Favicon на сайт?

Добавить свой созданный фавикон на сайт, очень легко. Переименуйте иконку в favicon.ico, после чего загрузите ее в корень вашего сайта, чтобы иконка была доступна по адресу: www.mysite.ru/favicon.ico. После загрузки файла favicon.ico, необходимо добавить следующий код в шаблон вашего сайта:

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

Данный код необходимо поместить в верхней части страницы вашего шаблона, между тегами <head>...</head>.

После этого необходимо обновить страницу в браузере. В некоторых случаях, если браузер не отображает иконку Favicon, может потребоваться обновить кэш браузера в настройках.

Функции и возможности редактора Favicon?

Наш онлайн редактор Favicon имеет довольно простой интерфейс, при этом позволяет очень качественно создать иконку фавикон для сайта.

Возможности:

  • Выбор 1 из 8 предустановленных ярких и сочных цветов для кисти.
  • Выбор любого цвета для рисования в формате Hex кода (пример: #ff5555 ).
  • Удобный выбор любого цвета для рисования с использованием палитры и ползунков
  • Инструмент «Кисть для рисования»
  • Инструмент «Заливка фона» позволяет полностью закрашивать фон или отдельную часть иконки, если есть разделение.
  • Инструмент «Стерка» позволяет стирать любые участки иконки
  • Инструмент «Пипетка» позволяет определить любой цвет который использовался ранее. Данный инструмент работает только в области окна редактора.
  • Возможность подключать/отключать сетку, для более точного рисования Favicon
  • Возможность смены фона на белый или клетчатый

Для чего нужен Favicon на сайте?

В первую очередь отображение Favicon сайта, украшает вкладку открытия сайта в браузере и закладки браузера.

Также наличие на сайте иконки Favicon, придает сайту более красивое отображение в поисковой выдаче популярных поисковых систем.

Зачем мне рисовать Favicon?

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

Как правильно нарисовать Favicon?

При рисовании favicon для сайта, важно знать что в сетке иконки 16x16px располагается 256 пикселей. При точечном рисовании фавикон кистью, она закрашивает 1px.

При создании Favicon, особое внимание уделите цветам на палитре. Если вы хотите сделать качественную иконку, которая не будет выглядеть как "пиксель", обязательно сделайте смягчение углов. Делается это очень просто. Достаточно выбрать в палитре цвет светлее основного и закрасить им необходимую область. В данном случае иконка получит мягкие углы. Таким приемом можно рисовать идеальные фигуры (круги, овалы и пр.). Примеры рисования Favicon можно посмотреть на странице презентации инструмента.