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

Автор: WF


Создаем иконку для своего сайтаБытует мнение, что сайты, не имеющие своей иконки, меньше ценятся поисковыми системами и ранжируются в выдаче, как правило, ниже, чем те, что имеют иконку. Рассуждать об этом не станем, т.к. хотя это и возможно, но бездоказательно (правда, в Топ-10 поисковой выдачи "завершенных" сайтов, действительно, больше).

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

Давайте посетим сервис, который нам для этих целей понадобится: "Создаем иконку для сайта"

Загружаем исходное изображение

Зайдя на сайт, нам будет предложено загрузить любое графическое изображение в формате "gif", "jpg", "png" или "bmp" со своего компьютера, из которого мы хотим создать будущую иконку, и задать ее размеры на выходе (можете поставить и две галочки сразу, - неважно...). Единственное условие - исходник не должен весить больше, чем 150 kB.

Для этого эксперимента в качестве исходника я взял следующее изображение:

Будем создавать иконку сайта из данного изображения

Далее, нажав на кнопочку "Create Icon", получаем готовый файл, видим, как это будет выглядеть, и, если нас все устраивает, закачиваем созданный файл себе на компьютер...

Предпросмотр полученного изображения и сохранение его на компьютере

Как видите, все очень просто и удобно! Единственное, что остается, - это залить нашу иконку сайта на свой сервер, в корневую директорию сайта.

P.S.: Если у Вас статический сайт, то нужно будет еще прописать в html-коде страниц между тегами

<head>...</head>

строку:

<link rel="shortcut icon" href="/favicon.ico" />

Теперь у нас все будет выводиться.

Кстати, если Вы еще не подписаны на RSS-рассылку новостей, то это можно сделать и сейчас...



Опубликовано 14.04.2009 в 15:54 в рубриках: Вебмастеру.

А также схожие статьи по теме:

  • Создаем сервер на своем компьютере
  • Защита компьютера от вирусов, троянов и червей с программой Panda ActiveScan
  • Выбираем хостинг с поддержкой PHP и MySQL
  • Другие методы продвижения сайта
  • Проверяем хостинг-провайдера и мониторим работу своего сайта.
  • Сочетание цветов при выборе веб-дизайна для сайтов
  • Акция от Нигмы!

    • 8 комментариев на «Как создавать иконки для сайтов»

    1. [...] Полностью эта статья доступна на странице: Делаем иконку для сайта… [...]

    2. Алина в 26.04.2009 at 17:39

      О, спасибо за ссылки. Теперь сделала иконку своему сайту. Как вам она?

    3. WF в 26.04.2009 at 18:05

      Отлично!

    4. Лука в 02.05.2009 at 11:24

      во, эт клёва

    5. np в 21.07.2009 at 20:27

      Что значит залить  иконку сайта на свой сервер, в корневую директорию сайта??? Помогите неопытным)

    6. Nicola в 17.08.2009 at 21:45

      np
      Да, именно заливай иконку в корень сайта.
      Можно к этому:
      <link rel="shortcut icon" href="/favicon.ico" />
      добавить

      type=»image/x-icon»

      Получится
      <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>

    7. макс в 31.05.2010 at 22:34

      еще бы объяснили в каком файле это строки дописывать для не опытных

    8. WF в 09.06.2010 at 10:16

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

    Оставьте свой комментарий