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

3 ноября 2014 г. Просмотров: 636
Favicon – иконка сайта, favicon.ico. Это маленькая картинка, которая отображается рядом с адресом вашего сайта в адресной строке браузера. Она видна рядом с названием сайта в «Избранном» и в «Закладках». Создать favicon.ico можно за 3 простых шага.

Вам понадобится

  • Готовое изображение для иконки или любой графический редактор для ее создания.

Инструкция

  • Выберите подходящую картинку, из которой будет создана иконка favicon.ico.
  • - квадратное изображение

    - небольшого размера

    - простое, без мелких деталей

    - размер файла – не больше 300 кБ.Лучше использовать один легкоузнаваемый предмет, с четкими границами и контрастным фоном. Например, логотип компании или другое простое изображение.Вы можете создать эту картинку сами, с помощью любого графического редактора.

    Можно подобрать несколько изображений, и затем выбрать из получившихся иконок самую лучшую.

  • Создание иконки.
  • Существует много онлайн-сервисов, которые предлагают такую услугу. Задайте поиск в любой поисковой системе по словам «favicon.ico». Выберите понравившийся вам сервис.Разберем создание иконки на примере сайта favicon.ru.

    - Зайдите на сайт.

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

    - Нажмите «Создать favicon.ico!»- Появляется окно - вид адресной строки с получившейся иконкой.

    - Если результат вам понравился – нажмите «Скачать favicon.ico!». В появившемся окне загрузки выберите «Сохранить», чтобы сохранить иконку на жестком диске.Если вы хотите что-то изменить:

    – нажмите «Редактировать иконку» - и в появившемся простом графическом редакторе внесите изменения.

    - либо выберите «Создать еще одну иконку» - и попробуйте создать ее из другого файла.

  • Добавляем иконку на сайт.Закачайте иконку в корневую директорию вашего сайта.
  • - Например, "www" или "public_html". Если вы не знаете точный путь к корневой директории - уточните его в службе поддержки.Пропишите на каждой странице сайта между тегами и две строки:(Сейчас этот этап необязателен. Браузеры могут найти favicon.ico и без этих строк).

    Оцените статью!