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

Последнее обновление статьи от 08.04.2021 Автор: admin

Сделать фавикон за 10 минут самому

Несложная инструкция для самостоятельного изготовления фавикона для сайта

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

 

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

 

Как нарисовать фавикон

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

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

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

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

Рабочая зона для создания фавикона на сайте https://www.favicon.by/ выглядит вот так:

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

Рабочая зона сайта для создания фавикона

Как нарисовать фавикон

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

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

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

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

 

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

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

Сделай favicon сам бесплатно

Предварительный просмотр созданного favicon и его скачивание

Результат самостоятельного создания фавикона

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

 

Пример создания фавикона с нуля

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

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

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

Самостоятельное создание фавикона

 

Пример создания фавикона из готовой картинки

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

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

Создание фавикона из готовой картинки

Знак ИньЯнь для будущего favicon

#ИНЬЯНЬ

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

Преобразование картинки в фавикон

Так выглядит готовая картинка, преобразованная в формат фавикона

Изготовление фавикона из картинки

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

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

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

Запись опубликована в рубрике Без рубрики. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *