Как создать и установить иконку или favicon на своём сайте?


фавикон, иконка сайта, favicon

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

Как установить иконку или favicon для вашего сайта

Что такое иконка или favicon сайта ?

Иконка сайта или фавикон, или favicon — это небольшая картинка, которая видна возле адреса вашего сайта и рядом с названием вашего сайта в «Избранном» или в «Закладках» вместо стандартной, общей для всех иконки.

фавикон, favicon
Пример иконки сайта

Вы сможете услышать или увидеть еще смежные названия этого термина: favicon, favicon.ico,  фавикон, иконка или картинка сайта.

Зачем нужна иконка для сайта ?

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

Инструкция по созданию фавикона или иконки сайта

Я для вас подготовил небольшую инструкцию по созданию иконки своего сайта. Теперь давайте приступим к практике.

1. Готовим изображение

Подготовьте квадратную картинку, которую вы хотите видеть возле адреса сайта. Для этого можно воспользоваться программой фотошоп или найти бесплатную иконку, например, на сайте
https://www.iconfinder.com/

Как создать и установить иконку или favicon на своём сайте?

2. Поиск сервиса для создания фавикона

Захожу на самый первый сервис, который выдал мне поисковик. Во всяком случае, на момент редактирования этой статьи 02-01-2020, так как до этого я использовал другой сервис, который уже «умер».

Используем онлайн ресурс по созданию фавикона сайта http://favicon.by . Поэтому перехожу на этот сайт. Вот, что пишут на этом сайте:

сервис фавикон, создание фавикон

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса. Традиционно используются изображения размера 16*16 пикселей формата ICO, помещённые в корень сайта под именем favicon.ico. Если у Вашего сайта уже есть логотип — хороший, эффективный, грамотный — то 50% работы, считай, уже сделано. Просто упростите логотип до предела и сожмите до нужного размера или воспользуйтесь нашим бесплатным сервисом создания фавиконов

3. Создаем иконку на сайте

Тут вы можете найти множество способов. Нарисовать, загрузить свою картинку (выше ссылка одного из сайтов — айконфайндер, где можно найти множество иконок) или взять с другого сайта.

фавикон, иконка сайта

После того, как вы создали иконку вам необходимо сохранить этот созданный файл у себя на компьютере. Теперь файл готов к загрузке на свой сайт с именем favicon.ico .

4. Установка иконки на сайт

Для загрузки иконки нужно воспользоваться программой файлового FTP — клиента (например  FileZilla) или зайти на свой хостинг и загрузить созданный выше файл «favicon.ico» в корневую папку установленного сайта например  «движка» сайта — WordPress , если на этой  CMS у вас работает сайт.

favicon, иконка сайта, фавикон сайта

Теперь при загрузке Вашего сайта, будет виден значок. Как, например, у меня на в этом сайте  блоге, как это показано на картинке выше.

На этом пожалуй всё.

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

P.S. Буду рад, если данная информация оказалась полезной для вас.

До следующих выпусков.

С уважением, Николай Якименко


Понравилась статья? Поделись с друзьями!


Подпишитесь на новые статьи ! Я вышлю интересную и ценную информацию на Ваш e-mail, который оставите ниже. После того, как подтвердите свои данные Вы получите ПОДАРОК.

С уважением Н.Я.