Делаем блог узнаваемым - создание favicon.
Автор: adminАвг 22
Что такое Favicon? Это своеобразный логотип Вашего блога или сайта. Он распологается в браузере перед URL.Наглядно это можно продемонстрировать так:
1 - Вид в браузере при наличии иконки;
2 - Вид в браузере по умолчанию (без иконки) ;
Так же Favicon может распологаться во вкладках и, что очень замечательно, использоваться в поисковой выдаче. Яндекс, к примеру отлично индексирует фавиконы. Если сделать в Яндексе какой либо запрос, то слева от сайта будет отображен его логотип(favicon).
Итак, чтобы создать Favicon, нам необходимо изображение, которое мы будем преобразовывать, и после преобразования изображения, присоединить его к сайту или блогу, прописав пару строчек кода. Это делается для того,чтобы наш шаблон знал, откуда брать картинку.
Что из себя представляет иконка Favicon.
Фавикон представляет из себя какртинку размером 16×16 пикселей формата ICO, и размещается в в корене сайта или блога под именем favicon.ico.
Создаем фавикон онлайн.
На сегодняшний день создать Favicon можно несколькими способами. Но наиболее подходящими, я думаю являются онлайн - сервисы:
1.
Сервис довольно прост в использовании, тем более он полностью русскоязычен. Добавляете картинку и производите генерацию логотипа Вашего блога.После того, как нажмете кнопку "Создать favicon.ico", Вы попадете на страницу, где сможете оценить и скачать получившейся результат.
Кроме того там имеется подробнейшая инструкция о том, как нужно добавлять favicon к своему блогу или сайту.
2.
Тоже довольно интересный и главное простой в использовании сервис. Минус только в том, что все на английском языке. Для работы в этом сервисе Вам потребуется:
- Выбрать нужный Вам цвет
- нарисовать логотип,нажимая на нужные квадраты
- загрузить получившийся результат (сделайте это при помощи кнопки - Download Favicon)
- загрузить его на свой сайт или блог
К слову, на этом каталоге Вы можете выбрать один из готовых вариантов размещенных фавиконов
Сервисы готовых иконок Favicon.
Если Вы не обременены талантом художника или по каким то причинам не желаете самостоятельно делать логотип, то Вы можете воспользоваться сервисами, где специально собраны уже готовые фавикончики.
- -в этой галерее более чем 15000 Favicon иконок на любой вкус
- - довольно большая коллекция Favicon-ов
- - более 55 тысяч фавиконов, в том числе и анимированные иконки Favicon, правда, они видны будут лишь в браузере FireFox
- - еще фавиконы
Установка иконки Favicon в WordPress.
Для установки фавикона на CMS WordPress, загружаем favicon.ico в корень своего блога, или же в папку с установленной темой. Затем прописываем в блоке между <head></head> в header.php или же в index.php следующее:
<link rel=”icon” href=”http://sitename.ru/favicon.ico” type=”image/x-icon” />
<link rel=”shortcut icon” href=”http://sitename.ru/favicon.ico” type=”image/x-icon” />
Через некоторое время, в окне браузера должен появиться Ваш Favicon.
P.S.: Автор блога ivetal.ru/ освещает как Раскрутка сайта в Волгограде помогает продвижению в сети Интернет.
3 коммент.
Пишет (1 comments) | дата: 14 октября 2010 в 12:29
Фавикон - Рулит!
Спасибо автору за подробное описание процесса установки фавикона на блог.
Сделал всё быстро и без проблем.
на всё провсё ушло не более 10-ти минут.
Успехов
Пишет (2 comments) | дата: 4 ноября 2011 в 23:34
Доброго времени суток!!! Подскажите, пожалуйста, как загрузить favicon.ico в корень своего блога??? Заранее благодарю…
Пишет (4 comments) | дата: 3 февраля 2012 в 0:31
Полезный сайт. Экономит время по созданию фавикона и все красиво.
Благодарю!