Найти в Дзене
Красное и зелёное

Гайд (инструкция) – Как сделать ФАВИКОН для сайта

Создавать фавикон можно на многих специализированных сайтах, их использование бесплатно. Для создания фавикона воспользуемся бесплатным ресурсом https://www.favicon.by/. В качестве примера будем создавать фавикон для моего сайта. Рисунок должен быть без мелких деталей, т.к. картинка отображается очень маленькая и мелких деталей на ней видно не будет. Сам фавикон можно нарисовать полностью с нуля или же использовать в качестве основы различные картинки, а также можно использовать картинки в качестве самого фавикона. Я, для создания своего фавикона, использую комбинированный вариант. За основу возьму знак «Амперсанд» и разукрашу фон. Через кнопку «Выберете файл» подгружаем знак «Амперсанд»: Получаем вот такой результат: Затем, на предложенной палитре цветов выбираем нужный нам оттенок. Я выбрал для заполнения части фона максимальную градацию красного: Для заполнения второй части фона выбрал соответственно зеленый цвет: Как будет отражаться созданный вами фавикон после установки на сайт м
Процесс создания фавикон
Процесс создания фавикон

Создавать фавикон можно на многих специализированных сайтах, их использование бесплатно.

Для создания фавикона воспользуемся бесплатным ресурсом https://www.favicon.by/.

В качестве примера будем создавать фавикон для моего сайта.

Рисунок должен быть без мелких деталей, т.к. картинка отображается очень маленькая и мелких деталей на ней видно не будет.

Сам фавикон можно нарисовать полностью с нуля или же использовать в качестве основы различные картинки, а также можно использовать картинки в качестве самого фавикона.

Я, для создания своего фавикона, использую комбинированный вариант. За основу возьму знак «Амперсанд» и разукрашу фон.

Через кнопку «Выберете файл» подгружаем знак «Амперсанд»:

Создаём бесплатно фавикон для сайта
Создаём бесплатно фавикон для сайта

Получаем вот такой результат:

Загрузка готовой картинки при бесплатном создании фавикон
Загрузка готовой картинки при бесплатном создании фавикон

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

Выбор цвета для рисунка при бесплатном создании фавикон
Выбор цвета для рисунка при бесплатном создании фавикон

Для заполнения второй части фона выбрал соответственно зеленый цвет:

Процесс наполнения при бесплатном создании фавикон
Процесс наполнения при бесплатном создании фавикон

Как будет отражаться созданный вами фавикон после установки на сайт можно увидеть в процессе рисования:

Предварительный просмотр результата при бесплатном создании фавикон
Предварительный просмотр результата при бесплатном создании фавикон

Если результат Вас удовлетворяет, то нажмите на кнопку «Скачать фавиконку»:

Скачивание результата работы при бесплатном создании фавикон
Скачивание результата работы при бесплатном создании фавикон

Надеюсь, статья была полезна для Вас!