Что такое фавикон и как его создать

Давайте посмотрим на примере картинки с цветком. Вот так он выглядит в хорошем качестве:

Загружаем картинку и выбираем вариант с сохранением пропорций картинки, как показано на скриншоте ниже, затем нажимаем "Upload", чтобы загрузить

Картинка сильно потеряет в качестве и в редакторе фавиконов будет выглядеть вот так:

НО! Обратите внимание, как картинка будет выглядеть в самой вкладке браузера. Наш цветок вполне можно опознать :)

Сохранить готовый фавикон можно по кнопке "Download Favicon"

Вы можете нарисовать фавикон самостоятельно по точкам

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

А если удерживать левую кнопку мыши, то можно рисовать, не отрываясь

Удалить ненужные квадраты можно, включив "transparent". Эта кнопка находится чуть ниже цветовой палитры

Закрасим пространство внутри и готово!

В итоге фавикон будет выглядеть вот так:

Вот так можно создавать фавиконы в этом редакторе. Попробуйте, это очень просто! :) 

Останется только загрузить фавикон в настройках вашего сайта. В mottor, например, это делается в разделе Общие — "Иконка для сайта"