Как сделать фавикон самостоятельно – Два простых способа

Как сделать фавикон самостоятельно - Два простых способа

Привет, дорогие друзья! Фавикон для сайта, это казалось бы мелочь, но на таких мелочах строится дальнейшее продвижение сайта или блога. Давайте разберём, что такое фавикон, зачем он нужен, и как его создать не напрягаясь.

Сам фавикон – это иконка, отображаемая во вкладке браузера рядом с названием сайта. Фавикон помогает пользователям ориентироваться, если в браузере открыто много вкладок.

Фавикон отображается на панели закладок, если пользователь добавил сайт в закладки.

Вкладки в браузере

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

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

Создание фавикона онлайн без программ

Чтобы создать иконку фавикон, не обязательно использовать программы на компьютере. Мы будем использовать онлайн-сервис.

Итак, переходим по ссылке https://pr-cy.ru/favicon/и загружаем с компьютера заранее подготовленную картинку. Картинку делайте квадратной, а необходимый размер подгонит сам сервис.

Создание фавикона онлайн

Когда картинка загрузится на сервис, жмите кнопку “Создать Favicon”

Откроется пример иконки в браузере и кнопка для скачивания на компьютер. Скачиваете и загружаете себе на сайт.

Скачиваем фавикон на ПК

Как создать фавикон в фотошопе

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

Для этого нужно создать новый документ Ctrl + N. При создании указать имя, размер, который будет удобен вам для просмотра и редактирования (указывайте равностороннее значение).

Создание нового документа в фотошопе

Затем поместить в новый документ нужное изображение.

Добавление изображения для фавикона в новый документ фотошоп

После того как иконка будет готова, нужно изменить её размер. Обычный размер фавикона 16 X 16 пикселей.

Переходим в верхнюю панель инструментов “Изображение” > “Размер изображения”, или жмём Ctrl + Alt + I и меняем размер изображения с сохранением пропорций, как показано на картинке.

Меняем размер изображения в фотошопе

Далее сохраняем документ Ctrl + Shift + S и выбираем тип файлов из списка с расширением ico, как показано на скриншоте.

Сохраняем изображение в формате ico

Всё, наш фавикон готов к загрузке на сайт! Если инструкция была полезна, оцените статью и поделитесь с друзьями. До связи!

Задать вопрос или предложить идею
Руслан Ошаров
Руслан Ошаров
Основатель и технический руководитель серии образовательных проектов Rosh School
Написать
Нажмите любую кнопку, чтобы помочь блогу развиваться!
Rosh School
Компьютерная Грамотность Бесплатно | Осваиваем ПК и Интернет
Добавить комментарий

Нажимая на кнопку "Отправить комментарий", я соглашаюсь с политикой конфиденциальности

  1. Максим

    Я обычно ищу готовую картинку! 🙂

    Ответить