Проявляем индивидуальность – создание и установка фавикона | BloggerMen

Проявляем индивидуальность – создание и установка фавикона

Рубрика: Создание сайтов

Создать фавиконЗдравствуйте уважаемые читатели блога bloggermen.ru. В этой статье рассмотрим, как создать фавикон, а также поговорим о роли фавикона в развитии сайта.

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

Cjplfnm afdbrjy

Казалось бы, чем может помочь фавикон в продвижении сайта? Но не следует его недооценивать. Обратите внимание, на какие сайты из выдачи поисковых систем вы чаще заходите с фавиконом или без. Наверняка первый вариант. Ведь при прочих равных условиях, сайт с фавиконом вызывает больше доверия. А если картинка яркая, привлекающая внимание, да еще и тематическая, невольно задерживаешь на ней взгляд.

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

В общем, важность этой маленькой картинки для сайта мы рассмотрели и оценили. Теперь перейдем непосредственно к созданию favicon.ico.

Как создать фавикон

Создать фавикон достаточно просто. Весь процесс состоит из двух шагов: создание картинки и преобразование ее из формата jpg в формат ico.

Картинку можно создать в любом графическом редакторе, например в Adobe Photoshop. Что это будет за картинка, решать вам. Если у вас есть логотип, можете максимально его упростить и уменьшить до нужного размера, это и будет ваш фавикон. Можно воспользоваться поиском по картинкам, и подобрать понравившееся изображение. Но мы ведь хотим создать фавикон, который будет уникальным, поэтому лучше всего самостоятельно нарисовать его в фотошопе. Работать с изображением 16*16 пикселов не очень удобно, поэтому первоначально задайте больший размер, например 48*48. Полученное изображение сохраняйте в максимальном качестве.

Итак, картинка готова, теперь нужно преобразовать ее в формат ico. Для этого существуют различные способы. Наиболее распространенные – онлайн-сервисы. Работа с ними не вызывает трудностей. Достаточно перейти на один из них, указать путь к картинке на компьютере и нажать “создать favicon.ico ”. После чего скачиваем готовый фавикон себе на жесткий диск, и загружаем на хостинг. Вот несколько популярных сервисов:

http://www.favicon.ru/

http://www.favicon.co.uk/

http://tools.dynamicdrive.com/favicon/

http://www.chami.com/html-kit/services/favicon/

Но зачастую онлайн-сервисы не обеспечивают достойного качества изображения при создании фавикона, поэтому, я рекомендую делать все самостоятельно с помощью Adobe Photoshop. Для этого нужно скачать и установить плагин для Photoshop, который позволяет сохранить файл в формате ico.

Для установки плагина распакуйте скачанный архив, закройте Photoshop и скопируйте распакованный файл в папку установки плагинов. По умолчанию путь такой:

C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\Форматы файлов\

После запуска Adobe Photoshop у вас появится возможность сохранять файлы в формате ico:

Создать faviconТеперь сохраняем наше изображение под именем favicon.ico и загружаем на сервер. В принципе его можно загрузить в любую директорию и указать к ней путь. Но, чтобы избежать ненужных действий, копируем созданный favicon.ico в корневой каталог (с помощью программы FileZilla). Обычно этого достаточно, чтобы он начал отображаться. Если этого не произошло, придется прописать к нему путь вручную.

Для этого найдите и откройте для редактирования файл header.php. Вставьте между тегами <head> </head> следующие строки:

<link rel="icon" href="путь_к_иконке/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="путь_к_иконке/favicon.ico" type="image/x-icon"/>

На этом создание и установка фавикона закончена. Теперь можете обновить страницу браузера и оценить результат. Учтите, что поисковые системы начнут отображать фавикон только после очередного сканирования вашего сайта и обновления базы. Это может произойти только через несколько недель.

Popularity: 4% [?]

 

Похожие записи:

Комментарии: (6)

Год назад я считал это тупым понтом, постепенно, когда сайтов стало более 10, я понял, что в списке всех сайтов я реально сразу вижу и идентифицирую те, у которых есть фавикон, остальные на их фоне попросту меркнут. Сейчас уже даже когда работаешь, удобно, чтобы во вкладках в ФФ у каждого сайта был фавикон, потому что когда вкладок становится 20-40, ничего кроме фавикона уже не видно )

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

Кстати, у тебя в статье много раз ошибочно написано favikon, когда нужно favicon. Собираешь трафик на ошибках? )

Спасибо, что указал на ошибку. Наверное неправильно скопировал когда подбирал запрос.

Хотя, в статистике Яндекса показывает 106 запросов :)

Я чего то не понял, это что надо просто создать изображение в фотошопе, сохранить его с расширением .ico. И после этого я копирую его в корневую директорию сайта и прописываю его на каждом файле что ли? Пробовал — не получается

Зачем прописывать его в каждом файле? Только в header.php, а потом задать в стилях его расположение.

Спасибо большое! Разобрался! Я даже нигде не прописывал его. Я просто создал иконку в фотошопе и сохранил её с помощью плагина в формате .ico Все заработало просто на УРА!!! Спасибо большое за помощь!!!

Не за что. Обращайтесь :)

Оставить комментарий