Как сделать иконку сайта. Как сделать favicon
























































































































Как сделать иконку для сайта favicon.ico — в  сегодняшней статье я расскажу, как буквально за 10 минут, сделать иконку изображения вашего ресурса.

Доброго времени суток, друзья моего блога lovesneaker.ru

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

А для чего собственно она (иконка) нужна? Когда я работаю с браузером, то у меня редко бывают открыты меньше десяти окон(вкладок). Соответственно с открытием каждой новой вкладкой, они сужаются и поле для надписи становится все уже и уже. Это происходит до тех пор, пока прочитать «шапку» сайта будет невозможно.

Это одна из причин. Другая: вкладка Вашего ресурса будет выглядеть более привлекательной и профессиональной, отличатся от массы других. Индивидуальность – штука серьезная и с этим не поспоришь.

На фото ниже я разместил две вкладки, одна с иконкой, другая – без. Какая из вкладок более запоминающаяся?

Как сделать иконку блога favicon

Как сделать иконку блога favicon

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

 Как сделать иконку сайта

Итак, с преимуществами разобрались. Далее давайте рассмотрим как же нам «подружить» Ваш ресурс с файлом, отвечающим за изображение иконки. Сам файл, который отображает иконку называется favicon.ico.

Подробная инструкция

Для создания данного файла, идем на ресурс http://favicon.ru

Ниже я разместил фотоскрины тех действий, которые необходимо выполнить для того, чтобы сделать иконку через ресурс http://favicon.ru

Кстати, если Вы не знаете как сделать фото экрана компьютера, т.е. скрин — читайте статью «Как быстро сделать фото экрана? Захват экрана.»

Как сделать иконку блога favicon

Как сделать иконку блога favicon

Как сделать иконку блога favicon

 После того, как иконка у нас сохранена на жестком диске ПК, заходим в файловый менеджер Вашего хостера и закачиваем файл favicon.ico в «корень» Вашего сайта.

Что такое «корень» сайта

Надеюсь знаете, что такое «корень» сайта. Не знаете?. Ок, объясню. Корень сайта или корневая папка сайта — это папка, которая расположена и открывается самая первая.

Для примера. Если Вы открыли «Мой компьютер» на своем ПК, то увидите свой «жесткий» диск и на нем несколько виртуальных дисков, к примеру С и D.

Так вот — открыв ,к примеру диск C — вы попадаете в «корень», или иначе говоря, в корневую папку диска С.
Я привел пример, касаемо жесткого диска Вашего ПК.
С хостингом, ситуация точно такая же.

Т.е. при открытии папки Public_HTML Вашего хостера (аналог диска С, только что приведенного примера) — Вы собственно и попадаете в корень или корневую папку…
Сюда и надо загрузить файл favicon.ico

Надеюсь понятно объяснил. Нет? Пишите свои вопросы в комментах — будем разбираться вместе.

Все, иконка на месте. Если нет – обновляете страницу. Надеюсь информация оказалась полезной. Удачи.

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

Видео инструкция

Вот видео о проделанной работе:

Друзья, понравилась статья? Оставляйте свои комментарии — обсуждайте, делитесь своими мыслями, ругайте и хвалите. Главное — не будьте равнодушными и тогда мой блог станет еще лучше и полезнее для Вас.


А еще Вы можете почитать эти статьи:

  1. Как сделать карту сайта — плагин Sitemap Generator. Подробнейшая видео инструкция Сегодня мы с Вами разберем такой вопрос: как сделать карту…
  2. Как сделать карту сайта WordPress. Пошаговая инструкция и видео урок Приветствую Вас мои дорогие друзья.  Ну вот и дождались —…
  3. Как сделать ТОП комментаторов на блоге, плагином Top Commentators Widget. Инструкция Как для кухарки + видео Сегодня у меня так же будет технический пост, который я…
  4. 5 — ти минутная установка плагина социальных кнопок Like Box. Видео инструкция Думаю никому не надо объяснять о том, для чего делать…