Все что нужно знать о favicons
2007-12-30 in Веб-дизайн, by admin No Comments »
Приветствую всех читателей в предновогоднем посту, речь сегодня пойдет о favicon’ах. О том что это такое, для чего они нужны, где они отображаются и наконец как самому создать такую штуку в домашних условиях
1. Что такое favicon?
Favourite Icon - это маленькая иконка или скажем маленький значок сайта, который отображается в адресной строке браузера, слева от его адреса. Обычно иконка имеет формат ico и размер 32×32 пикселя, но так же я встречал иконки в png и даже анимированные варианты в формате gif. Вообщем фавикон это мини лицо вашего проекта, которое сопровождает его по всей сети.
2. Где отображаются эти иконки?
Первым делом как я уже и упомянул, это в любом браузере, в адресной строке. Так же сегодня они отображаются во многих топах и каталогах. Даже существуют специальные сайты где собирают эти иконки. Конечно же не стоит забывать и о всех сервисах социальных закладок, там тоже везде отображаются эти значки. Думаю в будущем они будут повсюду, так что не ленитесь и создавайте фавиконки к своим проектам
3. Как самому создать свой фавикон?
Можно конечно взять да и скачать какую нибудь специальную программу, которая для этого и предназначена, но это было бы как то слишком скучно, да и сегодня в “эпоху веб дваноля” не совсем актуально. Почему? Потому что сегодня для этого существует большое количество удобных и простых сервисов. Во первых вам не придется устанавливать никаких дополнительных программ и разбираться с интерфейсом, во вторых все эти сервисы конечно бесплатны в отличий от некоторых программ и не требуют регистраций.
Итак, перейдем к делу. Опишу только одну из многих возможностей по созданию фавиконки, на мой взгляд самую простую. Воспользуемся сайтом .
Заходим на него и рисуем какой нибудь значок, нарисовали? Тогда жмем “Download favicon” и сохраняем иконку к себе на компьютер.
Загружаем фавикон к себе на хостинг и прописываем на главной странице сайта (index.html) следующим образом:
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
Готово!
Другие полезные ссылки по фавиконам:
-
-
-
-
-

