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

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

При посещении, любого сайта, Вы наверняка обращали внимание на маленький графический значок, в окне браузера, рядом с названием страницы сайта. Это и есть иконка сайта или пиктограмма сайта. Кроме того, этот значок или иконка сайта, находятся в начале адресной строки браузера.

И ещё, все мы пользуемся поисковыми системами. В результате обработки нашего запроса, поисковая система Yandex.ru,  выдаёт перечень сайтов, слева от каждого сайта, мы так же видим иконку сайта.

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

Кроме того, наличие иконки сайта говорят о грамотности владельца данного сайта. Очень часто, в качестве иконки сайта используют мини логотип сайта.

Что интересно. Если администратор или владелец сайта не позаботились о создании иконки, то браузер просто подставляет туда свой значок. Поэтому есть смысл использовать те возможности, которые нам предоставляются.

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

Как скачать это видео с сервиса YouTube, читайте зесь -  "Как скачать видео с Youtube"

  

Итак, для того, чтобы  создать иконку для сайта, необходимо решить следующие задачи:

  1. Определиться с рисунком
  1. Найти способ на основе выбранного рисунка создать файл favicon.ico

причем, графический файл favicon.icoд олжен иметь размеры 16x16

пикселей. Я пробовал 32x32 пикселя, тоже работает.

  1. Скопировать файл favicon.ico в коренной каталог сайта, где лежит индексный файл сайта.
  1. На каждой странице сайта прописать путь к файлу favicon.ico

<link rel=”Shortcut Icon” type=”image/x-icon” href=”/favicon.ico”>

Данный код размещается между тегами <head> и </head>

               Где href=”/favicon.ico”это путь к файлу иконки. 

Очень часто бывает, что пункт номер 4 выполнять не обязательно. Достаточно первых трёх.

Если вы размещаете файл favicon.icoв коренном каталоге Вашего сайта, то браузер, легко его находит и добавляет при отображении страниц сайта. Но если этого не произошло, тогда выполните пункт 4.

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

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

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

Итак, первый сервис  -   http://favicon.ru/

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

В качестве эксперимента давайте добавим иконку на сайт avtomir-avto-avto.narod.ru.  Давайте зайдем на сайт avtomir-avto-avto.narod.ru. Мы видим, что в качестве иконки сайта на данном сайте браузер использует свой значок. Давайте исправим ситуацию.

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

Кроме того, при подборе картинки, необходимо учитывать тот факт, что если картинка большая, то она в процессе создания иконки сервисом, будет сильно уменьшена.

Учитывая эти факты, подбираем картинку, дорабатываем её при необходимости, в графическом редакторе, и сохраняем на компьютере.

Для сайта  avtomir-avto-avto.narod.ru я подобрал картинку автомобиля ВАЗ Калина Спорт.

Теперь заходим на сервис favicon.ru. Нажимаем кнопку “Выбрать файл”,

идём в папку с файлом выбранной нами картинки, помечаем картинку и кликаем “Открыть”.

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

Дальше нам остаётся только подключиться к сайту с помощью ftp менеджера и закачать в коренной каталог сайта иконку favicon.ico

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

Есть момент, в этом вопросе, о котором необходимо обязательно сказать.

После того, как  Вы закачаете файл favicon.ico в коренной каталог, то иконка на сайте обновиться не сразу, потому, что она может храниться в кэш памяти сервера и в cookie файлах браузера.

Чтобы ускорить обновление иконки сайта, возможно, придётся удалить cookie файлы вашего браузера и подождать, пока обновится кэш память web-сервера.

Время обновления  кэш памяти web-сервера, зависит от хостинга.

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

Дорогой читатель, если у Вас есть вопросы или пожелания, оставьте, пожалуйста, комментарий!

Автор: Виктор Милованов

 

Как создать сайт без знания HTML

Как создать сайт из шаблона

Как создать сайт на WordPress

Как создать сайт из шаблона