Как сделать favicon.ico
Favicon.ico (иконка) - специальная мини картинка, которая отображается в браузерах, в закладках, в поисковой выдаче и т.п. напротив сайта. Вот пример:
Как выглядит Favicon
На мой взгляд, это очень хорошая фишка для любого сайта для его быстрого запоминания, которой нужно пользоваться, тем более, что создать иконку очень просто.
Для начала Вам нужно определиться с выбором иконки для сайта. Определитесь, чем характеризуется ваш сайт, чтобы уже под эти запросы можно было сделать маленькую запоминающиеся иконку. Желательно, чтобы полученное изображение было квадратным (размер любой). Поскольку обычный размер favicon 16x16, то делать рисунок высокого качества не имеет никакого смысла.
Создать favicon.ico в обычном paint не получится, поскольку у иконки специальный формат .ico, который есть далеко не у всех графических редакторов. Например, у фотошопа он есть, но устанавливать фотошоп только ради создания иконки - это бредовая идея.
Поэтому советую воспользоваться онлайн сервисом для генерации иконок http://favicon.ru/:
Сайт favicon.ru для генерации иконок для сайта
Для получения иконку, нужно просто загрузить изображение и на выходе Вы получите готовую иконку, которую можно скачать.
Есть и другие сервисы для создания иконок онлайн, например: Favicon.cc и www.cy-pr.com/tools/favicon/.
Если у Вас не хватает фантазии или нет желания подбирать свою собственную картинку, то можно поискать уже готовую иконку на сайте: www.iconj.com - здесь их более 18000. Конечно, желательно иметь собственную уникальную иконку, чем использовать готовую.
Как установить favicon
Для установки иконки на сайт нужно в заголовочном теге <head> прописать следующие:
<head> ... <link rel="shortcut icon" href="favicon.ico"> ... </head>
В атрибуте href указывается полный или относительный адрес иконки.
Читайте также:
• Как сделать выпадающие меню
• Как увеличивать изображения
• Падающие снежинки на сайте через JavaScript
• Как добавить социальные кнопки на сайт
• Как сделать фон для сайта
← Перейти в каталог html уроков и советов
|
