Создание “favicon” – советы и сервисы…
Ex.clusive | 31.01.2011Продолжаю серию статей с меткой “Для новичков”. Не так давно я рассказывал о “Сериализации данных в PHP” и о “Краткой записи PHP-операторов“. Сегодня же хотелось бы поговорить о так ом немаловажном элементе дизайна (или верстки, кому как больше нравится), как “favicon”.
Начнём с небольшого теоретического вступления – что же так Favicon? Название этого элемента происходит от английского словосочетания “Favorite Icon” и означает картинку в формате , которая сопровождает адрес (либо название) вашего ресурса везде, где она поддерживается – в адресной строке в браузере, в закладах, в тематических каталогах, в “выдачах” поисковиков и т.д.
Лично моё мнение – эта вещь просто необходима для любого интернет-ресурса. Пусть она и менее важна, чем качественный дизайн, верстка или функционал, но, всё же, не стоит пренебрегать преимуществами, которые она даёт. А именно:…
- выделает Ваш сайт на фоне остальных ресурсов;
- упрощает поиск Вашего ресурса среди закладок;
- придаёт сайту некую индивидуальность.
В лучшем виде данная картинка размером всего 16х16 пикселей должна кратко выразить сущность проекта. Либо, в случае, если это корпоративный ресурс, в неё можно “впихнуть” логотип компании.
Полезные советы по использованию Favicon
Для подключения “фавикона” к сайту используйте html-код, подобный следующему (не забудьте поменять путь к картинке, если это необходимо):
<link rel="icon" href="favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
Для одного проекта используйте только одну иконку – это отличительная черта Вашего сайта.
Старайтесь передать в иконке тематику сайта и сделать её как-можно более оригинальной и запоминающейся.
Используйте рамку для иконки, чтобы она не сливалась с фоном.
Не стоит делать “favicon” слишком ярким или анимированным. Он не должен отвлекать посетителя от просмотра ресурса.
В Internet Explorer 6 посетитель увидит иконку сайта лишь в том случае, если добавит его в “Избранное”.
Он-лайн сервисы генерации Favicon
В наши дни существует огромное количество программ для создания описанных выше иконок. Кроме “глобальных” редакторов, которые умеют это делать, существует и мелкие, но очень удобные утилиты. Обойдусь в данный момент без названий – Google Вам поможет и так. _)
А вот несколько весьма полезных и простых он-лайн сервисов генерации таких “фавиконов” из обычных полноразмерных картинок я всё-же могу посоветовать. Они хоть и не идеальны в своей работе, но жизнь Вам уж точно упростят.
- http://www.favicon.cc/ – крупный буржуйский ресурс. Позволяет делать иконки из загружаемых картинок, рисовать свои в он-лайн редакторе, а так же отображает изменения на иконке “в режиме реального времени”. Ведет базу всех сгенерированных ранее иконок, поиск по которой осуществляется при помощи системы тегов (меток). Имеет встроенный рейтинг иконок.
- http://favicon.ru/ – крупнейший российский генератор иконок. Умеет делать не только “favicon”, но и иконки для программ и ярлыков для рабочего стола. Работает как с загружаемыми с локального компьютера картинками, так и с картинками из сети. На данный момент на этом ресурсе было сгенерировано более 650.000 иконок. Весьма удобный сервис.
- http://www.favicon.by/ – еще один крупный российский генератор. Менее функциональный, чем предыдущий, но умеет создавать иконки с бегущей строкой (малопонятное мне преимущество). Показывает последние созданные иконки.
- http://www.favicon2.ru/ – и еще один. Функционал аналогичен favicon.by. В общей сложности он обработал более 20.000 картинок.
P.S: Ближайшие дни, если будет время, выложу небольшую подборку самых интересных, на мой взгляд, примеров реализации favicon.
Что-то не совсем понятно, что все-таки предлагается?
А, если времени не будет, то и не выложите? Зачем тогда вы делаете эти рассылки?
А что тут не понятного, собственно? Рекомендуется использование фавиконов и некоторые сервисы в целях упрощения процесса создания данного элемента дизайна о_О
Какие рассылки? Все рассылки ведутся в автоматическом режиме и лишь анонсируют обновления блога. Подписываться ли, читать ли их – выбор только за Вами.
Алексей, какой плагин Вы используете для добавления кнопок Share после сообщения?
Плагин называется Sexy Bookmarks. Красивый, но очень тяжелый и неслабо нагружает WP.
Спасибо за полезные ссылки.
сам пользуюсь http://www.favicon.cc
Ждем подборку
К слову сказать, http://www.favicon.cc поддерживает создание анимированных иконок
У меня фавиконка унылая. НАдо бы обновить :)
Я пользуюсь http://favicon.ru/ для создание фавиконок из чпег или гив хороший сервис.
А я ваще очень долго в пэинте рисовал их)
а никто не сталкивался с необходимостью изменять фавикон динамически ?? яркий пример на сайте vk.com с плеером ! искал искал, и всё-таки пришел в выводу, что в этом случаи играет роль очистка кеша… хотя могу и ошибаться :)
можно иконки делать и в фотошопе, главное – не делать “тяжелой”, а динамические иконки сильно тянут загрузку…
делать вариант только через замену тега в хэдере (через любой шаблонизатор проблем не составит, на самом деле) и одновременным выбиванием определенного файла из кэша…
Я тоже пользуюсь http://favicon.ru/ для создание фавиконок-очень удобно
А какие точные параметры? Яша просит 16х16 а что ещё???
очень интересная и полезная статья мне понравились определённые полезные моменты я узнал для себя спасибо за статью