Что такое favicon. Где скачать фавикон для сайта
26 Сен, 2012 
Комментариев 27
Здравствуйте, друзья! Недавно устанавливал на одном из блогов фавиконку и подумал, что у меня до сих пор нет статьи на эту тему. Так почему бы не написать? Понимаю, что тема заезженная и многие все это давно знают. Многие, но не все, если верить статистике wordstat.yandex.ru (см. скриншот ниже). Все мы когда-то делали favicon в первый раз и искали подобную информацию. Так пусть начинающие вебмастера находят ее на моем блоге. Тем более что создавал я его именно с этой целью. Да и дополнительный трафик с поисковых систем по этому запросу мне не помешает. Итак, поехали.
Что такое favicon.ico
Для начала давайте определимся, что такое фавикон и зачем он нам нужен. Вот, что на эти вопросы отвечает нам Википедия (здесь подробнее).
Мне легче показать, чем объяснять словами. На скриншоте ниже я показал, как фавиконки отображаются в Google Chrome. Аналогичная ситуация и в других браузерах.
В общем, фавикон для сайта – это специальная иконка или картинка размером 16×16 пикселей в формате ICO. Обычно такой файл носит название favicon.ico и находится в корневой папке сайта. Также возможны другие его размеры (24×24, 32×32, 48×48 и т.д.) и форматы (JPEG, BMP, PNG и GIF). Соответственно, формат PNG позволяет сделать иконку на прозрачном фоне, GIF – анимированной.
Зачем нужна фавиконка
Файл favicon ico очень важен для сайта. И не только потому, что такая картинка позволяет легко находить нужный веб-ресурс среди большого количества закладок браузера. Главная фишка и польза в другом.
Дело в том, что Яндекс показывает фавиконы в результатах поиска для каждого сайта, на котором он установлен. Уникальный и красивый favicon привлекает внимание и позволяет Вашему ресурсу выделяться среди конкурентов, тем самым, заставляя сделать клик по нему и собирая поисковый трафик. Кроме того, запоминающийся фавикон способствует узнаваемости сайта в интернете, как бренда. Согласитесь, что, в первую очередь, хочется кликнуть по ссылке с картинкой.
Стоит сказать, что Яндекс не рекомендует, чтобы картинка содержала полупрозрачность, а анимация поддерживается только в браузере FireFox. Также надо понимать, что с увеличением размера картинки, увеличивается вес файла и нагрузка на хостинг. Поэтому, лучше использовать фавикон для любого сайта (WordPress, Joomla, DLE и т.д.) в формате .ico с размером 16 на 16 пикселей.
Чтобы установить такую иконку на сайт, надо сначала ее иметь. Тут возможны несколько вариантов:
- скачать готовые фавиконы;
- сделать favicon.ico самому с помощью Фотошопа или специальных онлайн генераторов.
Первый способ гораздо проще, но он уменьшает вероятность уникальности. Тем не менее, рассмотрим его.
Где скачать favicon.ico. Готовые коллекции фавиконов для сайта
Для того чтобы скачать фавикон для сайта достаточно ввести такой или похожий запрос в поисковике. Поверьте, у Вас не будет недостатка в результатах. Ниже я дам адреса нескольких ресурсов, где можно скачать готовые картинки для фавикона. На некоторых из них существует возможность создавать свои иконки с помощью генераторов.
Галереи иконок (favicon.ico) для сайта:
- www.iconj.com/gallery.php – большая коллекция картинок и онлайн-генератор;
- www.audit4web.ru/info/favicon/ – здесь более 15 000 штук;
- www.favicon.cc/?action=icon_list&order_by_rating=1 – генератор и галерея анимированных и статичных иконок;
- www.favicon.co.uk/gallery.php – favicon generator и каталог фавиконок для сайта;
- thefavicongallery.com – еще одна галерея картинок.
Но, пожалуй, лучшее место, где можно скачать различные иконки и логотипы для своего сайта, это findicons.com.
Небольшой обзор по этому сервису:
- Главная – вводим ключевое слово в поисковую строку и нажимаем “Поиск”. Сервис доступен на 39 языках, но русские слова не ищет. Поэтому вводите запросы на английском.
- Обзор – наборы иконок по стилям.
- Конвертировать – нажимаете Кнопку “Обзор” и указываете изображение на своем компьютере. Выбрав формат и битность цвета, жмете “Преобразовать”.
- Прислать – можно поделиться ссылкой на страницу с интересными иконками, найденными в интернете.
- Метки – поиск изображений по меткам.
- Удиви меня – показываются 60 случайных иконок.
- Vector – возможность выбора векторной графики и логотипов.
Изображения представлены в разных форматах и размерах. Чтобы найти и скачать favicon.ico на сайте findicons.com, надо выбрать картинку и нажать кнопку “Подробнее”. В открывшемся окошке жмем на строку с количеством размеров.
Далее выбираем вкладку “Другой размер” и скачиваем нужный фавикон на свой компьютер, нажав по значку ICO.
Надеюсь, разберетесь.
Еще один замечательный сервис с поиском по иконкам www.iconsearch.ru.
Здесь все просто. Вводим в строку поиска тематику, по которой будем искать картинку или пользуемся облаком тегов. Есть возможность выбора размера и цвета фона (белый, прозрачный, черный).
Чтобы скачать выбранный favicon, нажмите на значок формата PNG или ICO. Нажав на надпись “Подробнее”, можно увидеть эту иконку в других размерах и еще иконки из этого набора.
На этом буду заканчивать, а то и так получилось многабукаф про то, как скачать favicon ico для сайта. А ведь еще собирался рассказать, как создать фавикон с помощью онлайн сервисов и как установить favicon на блог WordPress. Теперь уж в следующий раз, не пропустите. Пока!
Понравилась статья? Нажимай на кнопки:
Спасибо, Олег! Нужная статья! У моего сайта давно есть фавикон, а то с удовольствием послушался бы твоих советов! От меня твит и гугл!
Надеюсь, найдутся и такие, кто еще не установил иконку для сайта или хочет сменить ее.
Моя последняя статья тоже о favicon))) Но что примечательно – они совершенно разные.
Фавиконы или статьи :-)? Хорошая у тебя подборка генераторов. Я о них еще только собираюсь писать, но похоже не будет.
С ума сойти, вот сейчас только сидели и решали, какой фавикон поставить на сайт сателлит, хотим запустить его в скором времени. Перебрали кучу вариантов и решили поставить такой как на основном, но после статьи задумалась, может лучше новый создать, уникальный?
Лучше, наверно, уникальный. Чтобы не путали с основным сайтом.
Сам недавно сменил favicon на более яркий и в связи с этим увеличился ctr в выдаче.
Здорово! Это подтверждает, что мелочей в сайтостроении нет. Хоть эта иконка такая маленькая.
Здравствуйте, Олег!
Я сделала фавикон еще в мае месяце, но до сих пор он так и не появился, писала в Яндекс, ответили, что все сделала правильно, надо ждать. Хочу спросить, раз уж затронули эту тему. Примерно через какой промежуток времени иконка должна появиться? Спасибо.
В браузере видно, а в выдаче нет? Обычно довольно быстро обновляется, максимум месяц. Я посмотрел, действительно, на сервере Яндекса Вашего файла нет. Что можно сделать: попробуйте прописать код выше на странице; измените формат, например, на .png; поместите файл в другую папку; установите фавикон с помощью плагина, смените саму картинку.
Хорошая вещь, эти фавиконы, радует еще то, что они в выдаче отображаются.
P.S Не по теме: сколько ссылок на этот пост покупал?
Вообще не покупал.
Олег, большое спасибо за советы. Попробую еще раз написать в Яндекс.
Спасибо, своевременная и интересная статья, как раз недоумевала – почему некоторые страницы с картинками, а некоторые – без?.. Обязательно сделаю себе оригинальный фавикон!
У меня есть сайт и на нем уже давно стоит фавикон. Но когда я его устанавливал, у меня возникали проблемы по его поискам. Вашу бы статью пару месяцев назад мне. Но все равно спасибо!)
Надеюсь, этот сайт не последний. Так что еще может пригодиться.
Фавиконы я делаю сам, в формате jpg, а потом переименовываю в формат ico. Нормально получается, поскольку картинки достаточно простые и абстрактные. Размер, правда, делаю побольше, 50х50, потому-что 16х16 мне не нравится качество изображения. Статья интересная, многим поможет сделать или поставить фавиконки, потому что далеко не у всех они есть.
Получила ответ от Яндекса, просят набраться терпения и еще подождать.
Я иконку тоже делала сама, размер сделала 32Х32, но Яндекс сказал переделать на 16Х16.
Значит лучше все-таки делать 16Х16. У меня именно так и проблем не было. Когда появится иконка в поиске, сообщите. Интересно.
Мне тоже интересно
Хорошая статья. Сделал всё по Вашему сценарию, зацените!
Заценил, фавикон на месте.
Отличная статья. Пока сделал сам 16х16, но качество не очень. Попробую переделать в фотошопе покрупнее и потом уменьшить.
Где-то видел скрипт, где можно менять каждый час иконки фавиконов…вы такой не встречали?
Не встречал.
Спасибо! Искал сайт с иконками, после переустановки ОС все закладки удалились, ваш сайт помог найти нужный ресурс.
Спасибо за первый предложенный сервис, findicons он действительно лучший. Пользуюсь этим сайтом несколько лет, так как на нем самые красивые, оригинальные и прикольные фавиконы. О сервисе узнал благодаря Вашему сайту, спасибо!