Как бесплатно сделать фавикон своими руками

Оригинал и полная версия статьи https://red-and-green.info/kak-besplatn … on-svoimi/

Содержание
1 Как нарисовать фавикон
2 Как посмотреть каким получился фавикон
3 Пример создания фавикона с нуля
4 Пример создания фавикона из готовой картинки

Если Вы задались вопросом о том, как своими руками сделать фавикон для сайта, то разъяснять значение этого слова уже нет необходимости, так как Вы наверняка изучили данную тему и сейчас находитесь в поиске способа его создания для своего сайта. В данной статье рассмотрим процесс самостоятельного создания фавиконки при помощи сайта favicon.by

Как нарисовать фавикон
Прежде всего, надо отметить, что изображение для фавикона можно сделать самостоятельно тремя способами:

— нарисовать картинку самостоятельно;

— загрузить уже готовую картинку, которая приобретет требуемые для фавикона параметры;

— загрузить готовую картинку и отредактировать её по своему усмотрению.

Как нарисовать фавикон
Здесь всё достаточно просто. Серая зона размером 16х16 квадратиков – это поле для создания (рисования и редактирования) изображения, которое позже станет фавиконом. Впоследствии каждый квадратик этого поля станет одним из пикселей (составных частей) создаваемого изображения.

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

Под палитрой квадратики, в которых будут отражаться уже использованные при рисовании текущего объекта, чтобы к нему (цвету) было удобно возвращаться.

Соответственно, под использованными при рисовании цветами расположены вспомогательные инструменты для рисования (карандаш, ластик, пипетка, заливка и переместить).

Как посмотреть каким получился фавикон
Под рабочей зоной располагается раздел, в котором можно посмотреть, как изготовленное изображение будет отражаться после его установки в качестве фавикона сайта. Если какие-то моменты недостаточно четко просматриваются или мешают восприятию изображения, их можно скорректировать в рабочей зоне и посмотреть на результаты исправлений.

Когда изображение готово, его можно скачать посредством нажатия на соответствующую кнопку.

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

Пример созданного бесплатно favicon смотрите в оригинале статьи.

Пример создания фавикона из готовой картинки
В качестве примера создания фавикона из готовой картинки, предлагаю попробовать взять изображение ИНЬ/ЯНЬ, которое я нашел в интернете по соответствующему запросу.

Вот так выглядело исходное изображение, скачанное на рабочий стол: (изображение смотрите в оригинале)

Через кнопку ИМПОРТИРОВАТЬ загружаем изображение с рабочего стола.

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

Если Вы получили результат, к которому стремились, нажмите на кнопку СКАЧАТЬ ФАВИКОНКУ и укажите путь для сохранения. Сохраненный файл должен называться favicon и иметь расширение ico.

Таким образом, результат по созданию фавикона достигнут и можно его устанавливать на сайт.

Отредактировано AndreyPolovcev (2021-05-21 19:16:06)