Фавикон

Доброго времени суток, уважаемые читатели и посетители блога!

В начале августа 2011 года Blogger добавил еще одно обновление - возможность вставки собственного фавикона. На blogger.com поддерживаются изображения всех типов (JPEG, PNG, GIF и т.д.).

Фавикон (Favicon, сокр. от англ. FAVorites ICON - "значок для избранного", от названия папки с закладками) - иконка (значок) для сайта или блога. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса. По сути, favicon - это логотип Вашего блога. 

Обычно размер изображения фавикона 16х16 пикселей в специальном формате ICO, который помещается в корень сайта под именем favicon.ico, размер файла не более 300кб.

Каким должен быть фавикон?

1. Фавикон – это своего рода визитная карточка, поэтому он должен быть выполнен в том же стиле, что и сайт (блог). Чем больше будет общего у сайта и фавикона - тем лучше. При разработке фавикона желательно использовать цветовую гамму и элементы дизайна соответствующего сайта или логотипа.

2. Фавикон обязательно должен ассоциироваться с сайтом (блогом) – это его основная функция.

3. Фавикон должен быть прост для восприятия: пользователь должен сразу понимать, что на фавиконе нарисовано. Не стоит пытаться разместить в фавиконе целую картину: достаточно одного-двух узнаваемых элементов.

4. Желательно делать фавиконы запоминающимися, поэтому будет лучше использовать знакомые пользователю образы, которые он может назвать каким-то словом (фавиконом ЖЖ, к примеру, является "Карандашик").

Правильно подобранный фавикон поможет Вам:

1. Усилить узнаваемость Вашего сайта (блога) при поиске.

2. Отобразить тематику Вашего сайта (блога).

3. Увеличить кликабельность сайта (блога) в закладках, в поиске, в каталогах ссылок.

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

1. Попытаться сделать Фавикон в Photoshop, но он, по умолчанию, не умеет сохранять изображения в формате ICO. Поэтому, для того, чтобы научить Photoshop работать с ICO, нужно будет установить специальный плагин, который вы можете скачать, например, отсюда.

2. Воспользоваться одним из онлайн генераторов:

1) Онлайн генератор favicon.сс – самый простой и доступный способ – делает иконку для сайта из любого изображения. Естественно иконка получится красивее, если изображение-донор выполнить квадратным. При этом вы можете полностью с нуля нарисовать новую иконку или же переделать уже имеющуюся у вас картинку (которая вас устраивает) в формат иконки Фавикон.

2) Создать свой фавикон с помощью руссифицированного сервиса Dagondesign (http://www.favicon.ru/).

3) FaviconGenerator - очень простой онлайн генератор иконок Favicon ico из загруженных вами файлов. Практически аналог online generator под названием Favicon ru, но только зарубежный.

4) AntiFavicon. На нем вы можете создать иконку Favicon ico с надписью. Текст надписи вам нужно будет ввести в поля "Top text" и "Bottom tex", а цветовую гамму будущей иконки фавикон можно настроить в области "Colors". Готовую иконку можно скачать по ссылке "Your generated favicon", расположенной вверху страницы генератора. Там же вы можете наблюдать превьюшку получающейся иконки Favicon.

5) FavIcon from Pics 2.0 - простой онлайн сервис, где можно создать иконки Favicon ico из любых графических файлов. Указываете путь до картинки на своем компьютере, создаете в генераторе Favicon и скачиваете архив с созданной иконкой фавикон в формате ICO и GIF.

6) Free - еще один простой онлайн генератор на GraphicsGuru: указали путь к картинке на своем компьютере, нажали на кнопку "Generate" и получили вашу иконку Favicon ico, скачать которую можно будет нажав на ссылку "Download".

7) Iconj - еще один простой онлайн генератор фавиконов. Здесь созданную иконку Favicon ico вы можете либо скачать, либо оставить на сервисе и получить на этот файл ссылку.

8) DeGraeve - достаточно мощный ресурс по созданию Favicon ico. Здесь тоже можно сделать свою иконку Favicon (фавикон) либо с нуля, либо загрузить изображение, которое в последствии можно будет подкорректировать и скачать уже в формате ICO подходящего размера.

Вы можете воспользоваться и другими сервисами.

3. Можно воспользоваться готовыми галереями иконок:

1) audit4web - галерея с более, чем 15000 Favicon (фавикон) иконок.

2) Iconj - достаточно большая коллекция иконок Favicon на том же ресурсе, где находится и онлайн генератор фавиконов, описанный выше.

3) Favicon.cc - огромная коллекция и галерея на 55 тысяч различных фавиконов на все случаи жизни. Имеются так же анимированные Favicon ico, которые, правда, будут видны только в браузере FireFox.

4) Gallery — еще немного галерей в каталоге фавиконов.

Конечно, это не полный перечень галерей.

4. Можно воспользоваться специальными программами для изготовления фавиконов, которые специально "заточены" для изготовления иконок для сайта (блога).

О том, как создавать иконки, можете посмотреть обучающие ролики:

- Создание фавикона в программе Photoshop и использование сервиса favicon.ru

- Использование онлайн генератора Favicon.cc

Как вставить фавикон?

Вы можете добавить пользовательский значок в свой ​​блог прямо сейчас: Дизайн > Элементы страницы > Значок:

1. Левой кнопкой мышки нажимаете на "Изменить".

2. В открывшемся окне кликаете по кнопке "Обзор", указываете путь к иконке на своем ПК.

3. Щелкаете по кнопке "Сохранить".

Новый значок не сразу появиться в браузере. На изменение значка понадобиться время. Если хотите ускорить процесс, можете воспользоваться советами Дмитрия Наумова.

Желаю удачи!

Используемые источники:

1. Что такое фавикон и каким он должен быть

2. Последние обновления. 1 августа

3. Favicon & SEO: дает ли использование favicon.ico бонусы при раскрутке?