Favicon - делаем сайт уникальным

3 июня 2010
355

Favicon для блогаЭта маленькая заметка будет посвящена маленькой картинке, отображаемой перед URL в адресной строке и на вкладках браузера. Картинка-то маленькая, но значение имеет большое. Она позволяет пользователю легко найти вкладку с вашей страницей среди множества открытых в своём браузере. Она же отображается рядом с результатами поиска в поисковой системе Яндекс. Отсюда следует, что она должна привлекать внимание.

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

Файл иконки должен иметь расширение ico или png. Файл придётся загрузить на хостинг, где находится ваш сайт. Многие системы автоматически определят ваш файл по имени favicon.ico как иконку и поставят куда надо (например, uCoz). Если у вас нет доступа к этому хостингу (он не ваш или выбранная вами CMS не позволяет), используйте любой другой, который может выдать вам ссылку на закачанную картинку. Для этого подойдут почти любые фотохостинги. Мой любимый Google Picassa, к сожалению, не принимает изображения формата ico.

Блоги на blogspot.com как раз относятся к тем, которые не позволяют настроить favicon. А стандартную иконку менять надо, потому что она здесь одна для всех обладателей блогов.

Далее я расскажу, как сменить иконку блога конкретно на Blogger'е.

После выбора места хранения файла иконки вы получаете её код. Теперь откройте в настройке дизайна блога раздел "Изменить HTML". Найдите закрывающий тег /head, и перед ним вставьте следующий код:

Не забудьте сохранить шаблон.

Саму иконку создать можно и в обычном редакторе изображений из существующей картинки или использовать онлайн-ресурс. Вот несколько отобранных мною сайтов:

  • favicon.cc - лучший сервис для работы с иконками. Несмотря на то, что зарубежный, всё интуитивно понятно. Можно импортировать своё изображение и сделать из него иконку, редактировать её или нарисовать полностью с нуля. Есть галерея созданных иконок с возможностью взять код любой. Один минус - чтобы хранить здесь свою созданную, нужна регистрация.
  • ICONJ - на этом также зарубежном ресурсе есть только редактор иконок и галерея. Главное, загруженную иконку можно хранить как на хостинге.
  • Редактор иконок - простой русский редактор иконок с нуля, результат сохраняется на компьютер.
  • Favicon - а это русскоязычный генератор иконок из изображения, результат также необходимо скачать на компьютер.
  • Аудит для WEB - тут имеется большая коллекция всевозможных иконок.

Теперь ваш блог стал оригинальней.

Также вам может быть интересно, как сделать favicon для блога на WordPress.

P.S. Блоговодством многие занимаются на профессиональной основе, не желая работать на "дядю". Однако, такую работу всё равно не назвать особо серьёзной. В связи с упадком экономики (да что уж, и культуры тоже) в России, с хорошей работой у нас проблемы. Работа за границей? Не знаю, насколько это реально, но многие предпочитают бежать из России, а экономика в Европе точно стабильней, чем у нас. Вот и появляются сайты, предлагающие трудоустройство за границей. Ну а я, пожалуй, работать пока в России останусь, а в Европу на отдых съезжу:)

Related Posts Plugin for WordPress, Blogger...
Рубрики: Blogger, HTML, PHP и т.д.

4 комментария к записи “Favicon - делаем сайт уникальным”

  1. Евгений

    Ничего не помнялось - как был стандартный фавикон, так и остался, только сверху строка какая-то появилось :((

    [Ответить]

    deSiter (мой Twitter:  deSiter)

    Моя вина: видимо, сбил настройки отвечающие за правильный вывод строк кода. Короче, в том примере, что вы видите теперь есть ошибки - сейчас попробую исправить.

    [Ответить]

  2. Nomad (мой Twitter:  deSiter)

    Очень странно. Не припоминаю, чтобы он когда-либо пропадал. Находится во вкладке "Дизайн" между разделами "Элементы страницы" и "Дизайнер шаблонов". Сообщите, если по-прежнему не можете найти - будем искать вместе)

    [Ответить]

  3. kladez-zolota (мой Twitter:  Luxus2)

    К огромному сожалению не смогла найти в настройке дизайна блога раздел “Изменить HTML”. От чего это может зависить?

    [Ответить]

Комментируйте - автору важно ваше мнение!

Дополнительно: