Как создать иконку для сайта?

Иконка для сайта — favicon.ico представляет собой небольшую картинку (16×16 пикселей), которая размещается в строке браузера непосредственно перед URL сайта или веб-страницы. Иконку сайта мы можем видеть также в закладках веб-страниц или в результатах поиска поисковыми системами. Эта картинка является, своего рода, идентификатором сайта, позволяет выделить сайт среди других. Поэтому очень важно, чтобы она была уникальна и сделана в тему дизайна сайта.

Создать иконку для сайта, способы

Существует несколько способов создания иконки для сайта, давайте их рассмотрим:

1. Создать иконку с помощью программ, например, Favicon Create, Adsen FavIcon. Для создания иконки необходимо установить программу, загрузить файл картинки в одном из поддерживаемых форматов, например, *.jpg, *.jpeg, *.bmp. Картинку можно сделать в любом графическом редакторе, например, в Adobe Photoshop, либо скачать из Интернета готовый вариант. Далее нужно конвертировать эту картинку в формат иконки (.ico). Данный способ требует времени на установку программы и на знакомство с ее интерфейсом.

2. Создать иконку с помощью онлайн-сервисов. Этот способ не требует много времени — достаточно загрузить картинку в специальную форму и после конвертирования вы получите готовый вариант иконки.

Создать иконку для сайта, примеры

Рассмотрим пример создания иконки для сайта с помощью онлайн-сервиса по шагам:

1. Заходим на сайт «favicon.ru». Здесь необходимо выбрать картинку для нашей будущей иконки. Для этого нажимаем кнопку «Выберите файл», затем «Создать favicon.ico!».

Как создать иконку для сайта?

2. Иконка для сайта создана. Можно посмотреть пример ее отображения в браузере. Если нас все устраивает, скачиваем иконку на компьютер — для этого нажимаем по ссылке «Скачать favicon.ico».

Пример иконки для сайта

Чтобы установить иконку на сайт нужно cкопировать файл иконки в корневую папку и в шапке сайта между тегами <head></head> добавить код:

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

На этом создание и установка иконки для сайта закончены. Как только сервер обновит файлы, иконка начнет отображаться в браузере, а через несколько дней — в поисковых системах.

Комментарий к “Как создать иконку для сайта?”

  1. Создал иконку по вашему описанию для сайта. Всё получилось в лучшем виде! Спасибо.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *