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