как создать иконку Как создать свой сайт > Вебмастеру > Создание своего сайта > Как создать иконку для сайта

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

Мудрость тем и хороша, что может быть
сказана по одному поводу, а пригодиться по другому.
«Непоседа», Сергей Лукьяненко.

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

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

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

    Итак, приступим.

    Перед тем, как установить иконку на сайт, её нужно создать. С этого и начнём.


§ 1. Как сделать иконку

    Что такое иконка (favicon), описано здесь. Поэтому перейдём непосредственно к процессу её создания. Как делаю я:

  • 1). Нахожу подходящую картинку или рисую (редактирую) новую;

  • 2). Открываю её в XnView и изменяю размер изображения до 16х16 пикселей:
    создание иконки для сайта

  • 3). Затем сохраняю как favicon.ico (где «favicon» — имя иконки, а «.ico» — расширение):
    как сделать иконку для сайта

    Всё — иконка для сайта готова.

    Нюансы способа:

  • ~ Нужно подбирать простые рисунки чего-то. Крупно. Если на картинке будет много чего-то и мелко, то иконка получится в форме расплывчатого пятна. И станет уже не иконкой, а следом жизнедеятельности птиц;

  • ~ Способ проверялся только в XnView. Он при сохранении перекодирует картинку как надо.

§ 2. Создание иконки для сайта

    Собственно, сохранив картинку как favicon.ico, мы и создали иконку для сайта.

§ 3. Как установить иконку на сайт

    Копируем наш файл favicon.ico в корневую папку сайта (там, где лежит главная страница сайта) и всё. Браузеры, поисковые системы и прочие программы с сервисами автоматически нашу иконку найдут и отобразят. Главное, чтобы она называлась favicon.ico и лежала в корневой папке сайта.

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

§ 4. Как поменять иконку сайта

    Заменить файл favicon.ico, лежащий на хостинге, на свой, созданный способом выше.

§ 5. Зачем оно вообще надо

    Что даёт наличие иконки у сайта? Ну, самое важное это то, что сайт получает свой опознавательный знак. В браузере:

иконки сайтов в браузере

    В поисковой системе Яндекс (Google иконки сайтов не отображает):

иконки сайтов в поиске

    В закладках браузера:

иконки сайтов в закладках

    И при отображении в других программах и сервисах, коих большое число.

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

§ 6. Заключение

    Это всё. Я же говорил, что создание иконки — простая и незатейливая процедура. Но если вдруг (всякое бывает) у тебя ещё остались вопросы, то по ссылке ниже ты их сможешь задать.

Оставить комментарий, поделиться мнением или задать вопрос...

⇓ 

Поделись ссылкой на Seoded.ru с друзьями, знакомыми и собеседниками в соцсетях и на форумах! А сам сайт добавь в закладки! Так победим.

Поделиться ссылкой на эту страницу в:

Полезные ссылки:

Урок о том, как вставить картинку в HTML и как это лучше сделать. Как найти заработок в Интернете и не попасться в лапы мошенников.

Ещё материалы по этой теме:

реклама в блогах проверка позиций сайта книги по созданию сайтов уникальный контент переоптимизация как сделать свой сайт
основан в 2008 г. © Все права на материалы сайта Seoded.ru принадлежат Алексею Вострову.
Копирование (полное или частичное) любых материалов сайта возможно только с разрешения автора и при указании ссылки на источник.
Ослушавшихся находит и забирает Бабайка!