Что такое фавикон?

  Автор:
  2323
как сделать фавикон для сайта

Здравствуйте!

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

Что такое фавикон?

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

Где можно увидеть фавикон.

— в браузере, верхняя вкладка, рядом с названием сайта.
— в закладках, при добавлении сайта.
— Яндекс выводит фавиконы сайтов в свою раздачу
.

Так зачем нужен фавикон?

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

 

как сделать фавикон для сайта

А если есть фавиконы. Побывав на каком – то сайте, у которого есть фавикон (картинка), её можно легко запомнить и затем уже при запросе или поиске сайта, увидев картинку, найти искомый сайт становится легче.

А вот в Гугле такого нет, а очень жаль.

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

Так же фавикон сэкономит время у посетителя. Почему? Да потому что, по запоминающейся картинке вас легко найти, даже если у посетителя будет открыто много в браузере вкладок.

 

какого размера фавикон

 

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

 

как поменять фавикон

 

Это то же самое что, когда заходите на любую вебстраницу и если там есть картинка, вы её видите в первую очередь, а затем и текст.

Та же история и с закладками. Когда открываете закладки, то и взгляд сразу видит фавикон. И этого вполне хватает, что бы сразу открыть нужную страницу.

 

какого размера фавикон

 

Оказывается, у Яндекса для индексации фавикона есть свой специализированный бот, который имеет задачу собирать и обновлять их. Этот робот Яндекса обходит все сайты с разной периодичностью от нескольких дней до месяца.

Именно поэтому фавиконы появляются не сразу, а через некоторое время. Когда Яндекс найдёт и переведёт из формата ICO в формат PNG и только после этого фавикон получит доступ по адресу (мой адрес):

 

проверить фавикон яндекс

 

Чтобы получить ваш URL адрес — вместо названия моего блога напишите свой.

Так, где же взять фавикон?

  1.  Можно нарисовать самому в фотошопе, если вы им умеете пользоваться
  2.  Можно поискать на бесплатных сайтах
  3.  Можно использовать онлайн генераторы

Вы не умеете или не хотите рисовать, не можете работать в фотошопе, то существует прекрасная возможность подобрать фавикон на бесплатных сервисах:

  •  audit4web — здесь более 15000 картинок
  •  Iconj — тоже большая коллекционная галерея
  •  Favicon.cc — 55 тысяч можно подобрать варианты картинок на все случаи жизни. Есть и анимированные фавиконы — для браузера FireFox
  • Gallery — можно тоже подобрать

Не устроят картинки на этих сервисах, можно и другие поискать сервисы.

Познакомимся с онлайн сервисами:

Faviсoncc – На этом онлайн сервисе в окошечке с левой стороны нажимаете на кнопочку «Create New Favcon» и можете создать свою иконку фавикона – по пикселям.

 

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

 

В середине генератора находится область, в которой один квадратик и есть 1 пиксель. Что бы создать фавикон, необходимо закрасить квадратики разным цветом.

Поставив галочку в поле окна «pick existing color», которое находится с правой стороны, выбираем необходимый цвет, щёлкнув по определённому квадратику. Если вдруг ошиблись цветом, ставьте галочку в поле «transparent» и щёлкайте в нужный квадратик.

А что бы удалить ошибочный цвет, ставим галку в поле «transparent» и щелкаем квадратик, который становиться прозрачным (бесцветным).

Если есть необходимость перемещения, по центральной части генератора, фавиконки, то ставим галочку в поле «move». А что получается можно увидеть, ниже центральной части, в области «Preview».

Для сохранения полученного фавикона к себе на компьютер, нажимаем кнопочку «Download». А полученный файл уже загружаем к себе на хостинг.

Но можно также загрузить картинку в сервис, для этого надо нажимаем в окошке слева на кнопочку «Import Image».

 

сервис фавикон
Когда откроется окно, нажмите на кнопочку «Обзор» и загрузите со своего компьютера картинку. После этого выберите область картинки в квадрате 16х16 и загрузите в онлайн генератор для дальнейшего преобразования — нажимаем на кнопочку «Upload».

А после этого редактируете иконку, как и для рисования. По окончании скачайте на компьютер через кнопочку «Download».
Так же есть возможность использовать фавиконы, которые есть на сервисе, нажимаем кнопочку «Latest», а просмотр по рейтингу – кнопочка «Top Rated».

Существует ещё ряд сервисов, список прилагаю:

  1. FaviconGenerator — аналогичен Faviсoncc, только зарубежный.
  2. AntiFavicon — на данном генераторе есть возможность создавать с надписью иконки.
  3. FavIcon from Pics 2.0 — простенький генератор, указывается путь до вашей картинки на компьютере, преобразовав и скачав файл в формате ico и gif
  4. GraphicsGuru — указать путь до картинки на вашем компьютере, нажать на кнопочку «Generate» и получить вашу фавиконку
  5. Iconj — созданная иконка, может или остаться на сервисе, получив, на файл ссылку или можете скачать
  6. WebScriptLab —простенький конструктор
  7. Logaster — данный сервис не только генерирует онлайн логотипы, но и может создать фавикон. Здесь нет необходимости рисовать сам фавикон или его вместе с логотипом конвертировать.

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

Как установить фавикон?

Вот наш фавикон готов, но его необходимо установить в браузер. Как это сделать?

После того как вы создали иконку, скачайте её на компьютер, а затем загрузите обязательно в корневую папку блога (public_html/site/ваш_файл_в_формате_ico).

После загрузки в обязательном порядке проверьте — отображается ли фавикон по адресу: ваш_site/favicon.ico. И после этого прописываем код между тегами и для каждой страницы блога:

 

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

 

И так Вы познакомились: «Что такое фавикон, зачем он нужен и как его установить?» И теперь, я надеюсь, вам не составит труда сделать свой фавикон.

 

С уважением, Людмила Устьянцева.

 

P.S.   Поделитесь своим мнением в комментариях.

Советую почитать:

А Вы умеете приумножать свои деньги?

10 правил, которые помогут Вам стать богатым?

Что можно успеть сделать до 8 утра?

Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Оставьте свой комментарий:
10 комментариев
  1. Недавно хватился, а у меня слетел фавикон. Непонятно по каким причинам, но его не было. Пришлось заново ставить, только теперь логотип поменял на новый.

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

  3. Раньше тоже думала ставить фавикон — своё фото, но передумала и поставила буквы СП.

  4. Здраствуйте ! я не понимал до это время про него нечего спасибо за информации!!

  5. Людмила, согласна, что без фавикона сайт или блог будет проигрывать…Когда ставила первый раз фавикон, не знала толком, как это можно сделать…Намучилась, пока установила…Хочу вас поблагодарить за такую хорошую статью…Вы умеете всё рассказать так, чтобы всем было понятно…Как-то у вас всё получается ладком…Спасибо вам за это…С уважением, Анна.

на Блоге
в Вконтакте
в Фейсбук