Как сделать фавикон (favicon) для сайта

Сайтостроение 14.02.2017

Как сделать фавикон (favicon) для сайта

Очень многие пользователи у которых есть свой сайт или блог, часто задаются хотят не много приукрасить свой сайт и как то выделятся среди остальных сайтов. Фавикон это не большая картинка рядом с названием вашего сайта, например вы вводите в поисковике какой либо запрос и рядом слева вы видите не большие картинки, у всех они разные и сделать их можно самостоятельностьбез каких либо усилий и знаний графики или фотошопа. Давайте разберём какие плюсы даёт вам favicon для сайта.

Для чего нужен фавикон?

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

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

Но после того как вы сделаете такую картинку и установите её на ваш сайт она не появится сразу. Дело в том что поисковику например Яндексу нужно какое то время что он проиндексировал ваше изображение, обычно такое происходит после 1-2 апдейтов и после этого ваш сайт попадёт в поиск уже с картинкой которую вы установили. Ещё можно зайти в панель вебмастера у там увидеть вашу фавку.

Онлайн создание favikon для сайта

Как я уже говорил если вы не владеете навыками рисования в фотошоп, в интернете есть специальные сервисы для создания фавки, которая не чем не будет уступать, если бы сделали её в каком нибудь специальном редакторе для рисования.

favikon.cc

Данный сервис мне понравился тем, что тут всё очень просто и в то же время понятно, особенно для новичков. Для начала разберёмся с меню. В левой колонки у нас есть не большое меню, рассмотрим наиболее важные для нас:

«create new favicon» — создать новый значок
«import image» — импорт изображений
«latest favicons» — последние фавки
«top rated favicons» — лучшие по рейтингу значки

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

Если вам не понравился ваш только что нарисованный значок, то вы можете нажать на кнопку «clear frame» и стереть его. Есливы хотите оставить ваш значёк и перейти к рисованию следующего нажмите «append new frame», весьма удобная функция, можно например нарисовать неограниченное количество рисунков и тут же переключатся между ними и выбрать таким образом самый лучший для вас.

В следующем экране можно выбрать цвет раскраски, а так же стереть не понравившиеся фрагменты рисунка.
Если вы определились окончательно с вашим значком для сайта, вы можете сразу же увидеть как будет он смотреться возле вашего сайта в браузере и если вам всё понравиться нажмите на кнопку «download favicon» и ваше изображение скачается к вам на компьютер.

favicon-generator.org

Ещё один на мой взгляд удобный, простой и функциональный онлайн сервис для создания фавки. Данный сервис похож на предыдущий. Тут есть главный экран для рисования вот так он выглядит.

А справа мы можем настроить цвет, стереть любую область рисования и тут же увидеть как будет выглядеть наша фавка.

Если вам не понравился созданный вами рисунок, то просто нажмите на reset editor и экран для рисования удалит полностью ваше изображение.

favicon.ru

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

Для этого нажмите «choose file» и выберите изображение на вашем компьютере.

В самом низу страницы вы можете увидеть ваше только что созданный шедевр и скачать к себе на компьютер.

Готовые фавикон для сайта

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

1. hefavicongallery.com — Иконок не очень много зато сделаны весьма качественно и на разные тематики.
2. favicon.co.uk/gallery.php — Стильные и весьма приятные для глаз иконочки.
3. favicon-generator.org/gallery/- Ещё одна не большая коллекция.
4. audit4web.ru/info/favicon/- Более 15000 различных фавиконов.
Как установить фавикон для сайта.

И так вот мы с вами и подошли к самому интересному вопросу как установить свою фавиконку на сайт. В большинстве случаев она устанавливается в корневую папку вашего сайта. Далее вам нужно будет закачать её например favicon.ico.

И ещё желательно что бы размеры были 16×16 пикселей. На этом всё уважаемые читатели блога, вот так во просто можно сделать фавиконку для своего сайта.

Добавить комментарий