Есть ли у Вашего блога свой фавикон? Если Вы еще не успели его сделать или вообще первый раз слышите такое слово, то эта статья для Вас!
Давайте для начала определимся с самим понятием. Фавикон (favicon) – это отличительный значок Вашего Интернет ресурса, который отображается браузером на вкладке перед названием страницы. В некоторых браузерах он отображается в адресной строке перед URL страницы.
Также его можно увидеть в результатах поисковой выдачи Яндекса рядом со ссылкой на сайт.
Требования к фавикону
Традиционно принято делать фавикон в формате .ico размером 16х16 пикселей и располагать его в корне сайта. Раньше для того, чтобы значок сайта отображался в браузере, надо было прописывать внутри тега HEAD одну строчку кода. Сейчас этого делать не надо — современные браузеры, например Google Chrome, автоматом находят и отображают этот формат картинки без всяких дополнительных инструкций.
А зачем же нужен фавикон для сайта? Во-первых, это отличительный символ Вашего ресурса, своего рода эмблема.
Во-вторых, доказано, что если картинка привлекательна и соответствует тематике поиска, то посетители охотнее переходят на такие сайты.
В-третьих, поисковики лучше ранжируют в результатах выдачи сайты, имеющие фавикон, т.е. отдают им чуть большее предпочтение, повышают трастовость. Поэтому favicon делать надо, тем более, что это делается один раз и на всю жизнь.
Как правило, на весь сайт создается один фавикон. Однако никто не запрещает для каждой страницы назначать свой рисунок – в этом случае надо в каждой из них прописывать ту самую строку кода.
Делаем фавикон онлайн
Фавикон можно сделать в любом графическом редакторе, имея в нем минимальные навыки работы. Однако гораздо проще и быстрее использовать для этого специальные инструменты. Одним из них является бесплатный онлайн сервис FAVICON.CC. Это один из лучших сервисов для создания фавикона онлайн.
Перечислю основные его возможности:
- можно нарисовать картинку самому, используя соответствующий мини-редактор и инструменты
- можно создать фавикон из любого собственного изображения (например, из предварительно найденной иконки на сайте FindIcons)
- можно сделать анимированное изображение
- выбрать готовый фавикон для своего сайта из уже имеющейся базы изображений (около 130 тыс.)
- предпросмотр на вкладке страницы сервиса, как будет выглядеть Ваша картинка в реале
Видеоурок по работе на сервисе Favicon.cc
Смогли ли Вы сделать фавикон на этом сервисе? Понравилась ли Вам его работа? Делитесь своими впечатлениями и задавайте вопросы в комментариях.
Похожие публикации:
Сергей Сандаков, 44 года.С 2011 г. пишу обзоры полезных онлайн сервисов и сайтов, программ для ПК.Интересуюсь всем, что происходит в Интернет, и с удовольствием рассказываю об этом своим читателям.
Какой классный сервис!!! Огромное спасибо, получила море удовольствия и результат.
Светлана, самое главное, что получен результат!
Сергей, в который раз убеждаюсь — какие у вас качественные материалы на сайте! Огромное спасибо. И — присоединяюсь к вопросу Леонида Георгиевича. Пыталась создать логотип в одном онлайн сервисе, но он не дал сохранить((. Так что очень жду статью про логотип, раз вы ее запланировали.
Светлана, спасибо что напомнили — обязательно напишу.
Серёжа большое спасибо за урок и ,конечно,сайт.Мне это как раз вовремя.Ещё хотел спросить у тебя по изготовлению логотипа сайта таким же или иным ,но простым способом.Есть ли эта возможность?С почтением Л.Г.
Скоро будет статья на эту тему )
Я тоже хочу сделать фавикон.
хорошо почитаю)) спасибо! сайт у вас супер..5+ буду заходить..
Здравствуйте Сергей!Очень хороший и полезный у вас сайт,много узнал нового и интересного.Сергей не подскажите почему у меня фавикон показывается только в браузере Гугл Хром и то только в закладках а в других браузерах нет?пробовал ставить разные фавиконы в Мозила не один не показывает?в статье написано что можно прописать фавикон в коде..подскажите как и куда?
Евгений, если сайт на WordPress, то по идее должен подхватываться и так. Если все же его не видно — почитайте в интернет, там буквально строчку кода надо прописать. Просто объяснять это долго, надо указывать код, какой файл открывать, куда прописывать и т.д.
Побольше бы таких уроков и на другие темы,а то копаюсь на самом элементарном. Огромное спасибо. Удачи в любом деле!
И Вам удачи, Юлия. Все когда-то копались в начале, так что не стоит переживать — научитесь!
Спасибо за понятный и доступный урок. Обязательно сделаю себе веселый фавикон. Удачи!
Спасибо за инструкцию
А я готовый на просторах инета искал и нашел. Но теперь попробую сделать сам. Спасибо за информацию!
Всеволод, готовый тоже можно скачать, но тогда это уже не будет отличительным знаком именно Вашего сайта. Еще более комично выглядит, когда в результатах поиска из двадцати сайтов у трех-пяти из них совершенно одинаковый фавикон ))
Очень полезная информация и грамотный, исчерпывающий видео урок!
С П А С И Б О !
На здоровье!