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

Как сделать favicon.ico

Как сделать favicon.ico? Очень просто: воспользовавшись онлайн сервисом, или другими словами, в favicon генераторе. Для этого, в гугле я задал favicon и получил немало сервисов. В этот момент у меня возникла идея сделать тест favicon генераторов. Для теста я выбрал три первые результаты в гугле за исключением википедии, которая была на втором месте.

В этот список попали:

  1. favicon.ru
  2. favicon.cc
  3. favicon.co.uk

Я взял свое лого размере 134 х 134, но думаю подойдет и меньший размер.

Как сделать favicon

Далее, я поочередно воспользовался всеми тремя сервисами, пользоваться ими просто, нажимаете на кнопку аплоуд, загружаете свой ​​jpg фаил, с которого хотите получить favicon.ico, и нажимаете создать. В одном из сервисов можно выбрать размер — напишите 16х16. Смотрите ниже, что у меня получилось:

  1. favicon.ru — этот генератор, просто ужасный, результат вышел корявый, и что странно я часто встречал ссылки на него в статьях «Как сделать favicon.ico». Вывод: обходите этот ресурс, ничего хорошего вы от него не получите, лучше бы они назвали его uglyfavicon.ru 🙂
  2. favicon.cc — этот favicon генератор продемонстрировал гораздо лучший результат, но все равно немножко покоцаний. Легко заметить разницу, сравнив с результатом favicon.ru. Добавлю лишь, что этот ресурс предоставляет еще онлайн редактор, мини пейнт, но, как я смог убедиться, все мои рисовалки в нем, на маленьком  favicon.ico смотрелись ужасно.
  3. favicon.co.uk — Это «выбор редакции», как писали в тестах в моем любимом журнале «Домашний ПК», который, к сожалению, прекратил свое существование. Этот favicon генератор показал лучший результат. Рекомендую пользоваться для создания favicon.ico именно этим ресурсом. Одно замечание: после генерации favicon.ico, он появляется под кнопкой «generate», но я не нашел там кнопки скачать,поэтому чтобы получить свой ​​favicon.ico, нажмите по нему правой кнопкой и сохраните себе на комп.

Как поменять favicon.ico в сайте на wordpress?

Скачайте favicon с сайта favicon.co.uk, далее закиньте favicon в коринневий каталог вашего сайта. Далее в закиньте такой код:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />

этот код нужно разместить где-то между тегами <head> … </head>

Как сделать favicon.ico и тест favicon генераторов