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

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

 

Иконку сайта по-другому называют favicon. Она отображается в названии вкладки браузера, точнее рядом с заголовком Title, который выводится туда. Чтобы было понятнее, посмотрите на картинку.

kak-sozdat-favicon

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

Если иконка не установлена, то будет отображаться стандартный значок, в виде пустого листа или еще чего-то. И таких примеров много. Поэтому , чтобы выделиться из множества web-ресурсов, нужно создать иконку для своего сайта, причем делается это очень быстро и просто.

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

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

Начинаем:

  • Переходим на сайт pr-cy.ru
  • Ищем среди инструментов нужный нам, на этот раз это создание favicon. Как Вы можете заметить, здесь есть много инструментов, которые могут оказаться очень полезными не только для новичков, но и для профессиональных вебмастеров . Об этих инструментах мы поговорим в других статьях, подписывайтесь, чтобы не пропустить.
    sozdat-favicon
  • Переходим в выбранный раздел и выбираем файл, который хотим сделать иконкой.
  • Жмем кнопку «создать favicon»заполняем поля
  • После обновления страницы можно увидеть пример созданного Вами изображения. Сразу видно как он будет выглядеть в браузерах у посетителей Вашего сайта. Если что-то не понравилось, повторяем действия и создаем новую иконку.
  • Если все устраивает, жмем скачать favicon.ico. Кстати у этого типа изображений свое расширение .ico.Все готово

Ну вот и все, теперь у Вас есть картинка, но ее еще нет на сайте. Давайте добавим ее туда.

Установка иконки на сайт

Эта процедура тоже не должна вызвать никаких трудностей, так как состоит всего из двух простых шагов.

— Загружаем изображение на хостинг. Лучше поместить его в корневую папку сайта, так как, по-моему, это намного удобнее. Но можно и в любое другое место.

— Далее необходимо слегка изменить содержимое, заключенное между тегами <head>. Точнее нужно добавить туда еще одну строку.

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

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

Если Вы используйте WordPress, то нужно добавить эту строку в файл header.php.

Все, обновляем страницу, и картинка начинает отображаться во вкладке с названием.

Ассоциации:

ассоциация

Картинка 4. Ответ в комментарий

На этом все, теперь вы знаете, как сделать иконку для сайта не затратив на это много времени.

Всего просмотров: 252 , Просмотров за сегодня: 1

  
С уважением,
Михаил Савастьянов.


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

  1. Lector on 24.06.2013 at 07:59 Пишет:

    Ответ-плата!

  2. Михаил Савастьянов on 24.06.2013 at 10:06 Пишет:

    точно!

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Патч уже настроен на тестовый lineage god сервер. Качаем и нагибаем олимпиаду.

Навигация по записям