Сменил шаблон. Захотелось сменить и favicon.ico на блоге. Для тех, кто не в курсе – это небольшая иконка, которая отражается во вкладке браузера при открытии страницы сайта или блога.

Так же favicon используется для вывода в поисковой системе Яндекс и скорее всего влияет на CTR в выдаче.

Да и закладки в браузере никто пока не отменял!

Так что можно смело сказать, что этот небольшой файлик, который кладётся в корне сайта, играет достаточно важную роль в дизайне. Кто-то вынужден заказывать разработку фавикона у дизайнера за 2-3$, а я предлагаю сделать его самостоятельно!

Рецепт прост! Сохраняем на компьютере свой логотип или любую другую простую картинку, часть которой как раз станет нашей иконкой. Я сохранил свой логотип, который вчера нарисовал на 5 минут – хочу, что бы буква «H» стала основой для favicon.

Открываем файл логотипа в Photoshop или в любом другом графическом редакторе и вырезаем нужную нам букву:

Убеждаемся, что наша новая картинка квадрат. Это очень важно, ведь далее мы собираемся файл сжимать. Сохраняем на компьютере в формате PNG.

Заходим на сайт favicon.ru и загружаем картинку на сайте, нажимая кнопку «Создать favicon.ico!». Далее скрипт нам предлагает сохранить полученный файл на компьютере. Всё просто – мы получили готовый файлик и, если его загрузить в корень сайта, иконка обновится спустя какое-то время (как только кеш сотрётся в браузере). Проверить можно сменой браузера на время.

Но не всё так просто – наш favicon в таком виде смотрится грубо и кустарно. Его необходимо обработать! С этим нам поможет программа IconXP, пробный срок версии которой 30 дней. Нам хватит же? Конечно!

Скачиваем. Устанавливаем. Открываем программу и загружаем нашу иконку туда:

Теперь необходимо откорректировать иконку так, что бы убрать лишние цвета: у меня это белый. Таким образом favicon получится намного чётче и красивее.

Теперь можно смело загружать файл в корень сайта и радоваться нашей находчивости! Кстати, как вам мой фавикончик?

Опубликовано в разделе: Дизайн Метки: