12
Недавно захотелось мне сделать для своего блога фавикон. Кто не в курсе, фавикон (favicon) — это маленькая иконка с логотипом сайта, которая появляется в адресной строке, если зайти на сайт. Также фавикон выводится слева от названия сайта в результатах поиска в поисковиках и при использовании закладок.
Как выглядит favicon моего блога можно увидеть в адресной строке браузера… ну или на строку ниже: 🙂
Значит теперь… как сделать favicon для своего блога. Рылся в интернете и наткнулся на отличный сервис favicon.cc, который позволяет самому рисовать иконки.
На мой взгляд сервис просто супер. Рисуешь иконку, и сразу видно как она отображается в адресной строке… или снизу можно просмотреть в preview. Еще очень понравилось то, что можно делать анимированные иконки, добавляя новые фреймы или копируя предыдущий и изменяя его. Опять же снизу, в preview, сразу можно увидеть как выглядит анимированный фавикон. После этого иконку можно скачать к себе на компьютер в формате .ico, кликнув по ссылке «Download Favicon». Ну и, собственно, вот как выглядит этот сервис:
Также можно легко и просто сделать favicon из любой картинки или фото, используя сервис favicon.co.uk. Для этого необходимо загрузить нужное изображение. Рекомендуется выбрать размер фавикона 16х16 пикселей — именно такой размер нужен для адресной строки в браузере. Далее следует нажать кнопку «Generate Favicon». После всего этого можно посмотреть что получилось и, если понравилось, скачать иконку к себе на компьютер. Выглядит все это вот так:
Еще к одному из способов создания фавикона можно отнести использование Adobe Photoshop. Но поскольку по умолчанию фотошоп не позволяет сохранять картинки в файлы с расширением ico, то необходимо установить плагин позволяющий это сделать. Скачать плагин можно отсюда, здесь же автор объясняет как им пользоваться.
После того, как фавикон готов, заливаем его в корневую директорию блога. В заголовке (header.php) вставляем указанный код между тегами <head> и </head>:
<link rel=»shortcut icon» href=»<?php bloginfo(‘home’); ?>/favicon.ico» />
Все готово! Теперь фавиконка должна отображаться в адресной строке браузера.
P.S. Если иконка не отображается — попробуйте почистить кэш в браузере.
P.P.S. В любимом IE фавиконка по-ходу отображается только тогда, когда сайт добавлен в закладки.
Ух ты.. Супер мега сервис!
ЗЫ:Добавьте плиз плагин «Subscribe to comments»
Обязательно добавлю, только чуть позже, сейчас времени, к сожалению, в обрез. 🙁
Отличный сервис,давно хотела сделать:)
Полагаю, стоит добавить, что фавиконка видна также в результатах поиска.
Хороший сервис, попробую и себе сейчас что-нибудь состряпать, спасибо.
P.S., подписка на комментарии и правда не помешала бы.
Спасибо за сервис,использую уже несколько дней и очень доволен!
Фавикон знаю и очень мне нравится этот сервис.Так чсто присоединчюсь к рположительным отзывам!
Ну в принципе фавикон не так важен,но зато приятно выделяет блог из других:)
<<Полагаю, стоит добавить, что фавиконка видна также в результатах поиска
А есть какие то плюсы в этом?
Ух-ты, как тебя заспамили 😉
Блог скончался?
Разрешите утянуть ваш пост в свой блог ? Ссылку на validcode.ru поставлю обязательно.
фавикон делает элементарно или логотипа сайта, с помощью фотошопа, во времени занимает 10 минут
Спасибо большое за привлекательный блог…Буду к вам периодически заглядывать…
Я тоже всегда делаю фавиконы у себя на проектах — во первых красиво, во вторых — придает индивидуализацию, ну а в третьих — хватит и первых двух
без фавикона никак, если сайт взрослый)
Да — хорошая вещь. Ндо себе тоже сделать
Очень хорошая и подробная статья
Хорошая ссылка на сервис по генерации фавикона.
Потратил 5минут времени но зато теперь на блоге есть отличный фавикон
Спасибо Автору за труды
Понравился сервис по иконкам, вещь!