Бизнес блог Александра Быкадорова

Как сделать иконку сайта — favicon за 10 минут. Видео инструкция

Иконка сайта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Понравился блог?
Получайте статьи на ПОЧТУ!

О авторе Смотреть все статьи Сайт автора

Александр Быкадоров

Большое спасибо, что читаете мои статьи и оставляете комментарии к ним. Активные комментаторы заносятся на доску почета.
Подробности здесь.
 
Хотите быть первым в курсе новостей, конкурсов на моем блоге?
Подпишитесь на канал RSS для получения новостей, нажав тут.

Комментариев: 6Оставить комментарий

Социальные комментарии Cackle
  • Буквально сейчас настроил фавикон на блоге, можете посмотреть. Решил пофантазировать и самостоятельно сделать картинку

    Ответ
    • Юрий, отлично получилось! Молодец. А самое главное то, что фавикон получился тематическим.

      Ответ
  • Да фавикон не каждый может самостоятельно нарисовать а вот применить ваш совет и сделать индивидуальный фавикон становиться вполне возможно. Думаю что это самое простое и идеальное решение данной задачи

    Ответ
    • Знаю «конторы», которые за эту услугу берут приличные деньги. А стоит ли оно того?
      Нарисовать Фавикон.Ико может любой, буквально за 15 минут )))

      Ответ
  • Поставил уже фавикон!!)
    Его надо всегда менять, когда меняешь тему блога??

    Ответ
    • Лично я думаю, что favicon.ico должен быть брендовым, т.е. по сути один и тот же.

      Ответ

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

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