Полезные советы » Технологии » Программы » Как создать favicon.ico

Как создать favicon.ico

Favicon – это иконка сайта, то есть небольшая картинка, отображающаяся в строке браузера рядом с адресом сайта. Её так же можно заметить рядом с названием сайта в «Закладках» и в «Избранном». Создать favicon.ico достаточно просто. Для этого вам понадобится готовая картинка и любой графический редактор для создания и обработки иконки.

Как создать favicon.ico

Для начала выберите подходящую вам картинку. Она должна соответствовать нескольким требованиям:

• Должна быть небольшого размера;
• Изображение должно быть квадратным;
• Размер файла с картинкой не должен превышать 300 кБ;
• Картинка должна быть максимально простой, по возможности не содержать лишних мелких деталей.

Лучше всего использовать изображение какого-либо легкоузнаваемого простого предмета или логотипа вашей фирмы. Желательно, чтобы изображение было с контрастным фоном и чёткими границами.

С помощью любого, даже самого простого графического редактора вы сможете выполнить создание favicon.ico сами. Сделайте несколько вариантов иконки для того, чтобы потом выбрать наиболее подходящую

Создание иконки

Сейчас существует множество онлайн-сервисов, предлагающих данную услугу. Любая поисковая система выдаст вам большое количество результатов по теме «favicon.ico», вы можете выбрать любой приглянувшийся вам сервис.

Для примера возьмем создание иконки на сайте favicon.ru. Напишите в строке браузера этот адрес и зайдите на сайт. Здесь вы сразу увидите окно для создания иконки.

Нажимайте «Обзор» и выбирайте из файлов своего компьютера изображение, которое планируете переделать в favicon.ico. Нажмите кнопку «Создать favicon.ico». Перед вами откроется окно с видом адресной строки и получившейся иконки. Если вы довольны результатом, нажимайте кнопку «Создать favicon.ico». Появится окно загрузки, в котором нужно выбрать «Сохранить» — ваша иконка будет сохранена на компьютере.

В случае если вы хотите внести изменения – не создавая иконку, нажмите кнопку «Редактировать иконку» — откроется графический редактор, в котором вы можете вносить изменения. Вы так же можете создать другую иконку – из другого файла или другой картинки. Для этого выберите функцию «Создать ещё одну иконку».

Добавление favicon.ico на сайт

Для этого полученную иконку из папки надо закачать в корневую директорию сайта – «public_html» или «www». В случае если точный адрес корневой директории вам неизвестен, следует его уточнить у службы поддержки.

На каждой странице вашего сайта между тегами пропишите эту строку:

<link rel=»shortcut icon» href=»/favicon.ico» />

Этот этап необязателен, так как любой браузер в состоянии самостоятельно найти favicon.ico.

Чтобы убедиться в том, что закачанная вами иконка успешно добавлена и корректно отображается, нужно проделать следующее:

В строке вашего браузера наберите: http://yoursite.ru /favicon.ico (вместо yoursite.ru – впишите адрес вашего сайта). Если вы видите свою иконку в строке браузера – значит вы всё сделали правильно, при обновлении страницы иконка автоматически появится в адресной строке.

В результатах запросов поисковой системы «Яндекс» иконка может появиться не сразу – иногда это происходит в течение нескольких дней.

Советы
• Воспользуйтесь поисковыми системами в Интернете, чтобы найти подходящую вам иконку;
• Если вы хотите создать свою оригинальную картинку – так же посмотрите иконки на сайтах, которые близки тематике вашего. Это может натолкнуть вас на идеи создания своей уникальной иконки.
• Если вы никак не можете определиться с картинкой, можете в качестве иконки использовать символ, цифру или букву, которые могут иметь какое-то отношение к тематике вашего сайта. В любое время вы сможете изменить иконку на более подходящую вам.

Поисковик «Яндекс» будет показывать в результатах созданную и загруженную вами иконку. В случае если именно ваша иконка будет наиболее привлекательной и притягивающей взор, большинство пользователей предпочтут перейти именно на ваш сайт.