На сегодня почти каждый сайт имеет свою иконку возле адресной строки браузера, так называемый Favicon. Фавикон - это "лицо" сайта, поэтому она должна быть привлекательным, ярким и уникальным. Какие преимущества даёт фавикон?

• Индивидуальность
• Выделяет ваш сайт из серой массы
• Добавляет иконку в выдачу ПС

Советы при создании фавикона:

1. Не используйте тенивые фильтры.

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

2. Выходное изображение сохраняйте в максимальном качестве.

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

С этими целями, как правило, справляется Photoshop. Я не собираюсь настаивать на выборе данного графического редактора, так как это дело эстетического вкуса, главное, чтобы редактор поддерживал данную опцию.

3. Используйте обводку или фильтр свечения.

Основная цель, которую мы должны преследовать при создании фавикона, - точная граница. Для того, чтобы эти границы реализовать, стоит использовать внешнее свечение. Если, опять же, речь заходит о Фотошопе, то данная функция находится в стилях слоя.

4. Используете прозрачный фон.

Хорошо, когда иконка будет смотреться органично, а не будет выделяться на каком-нибудь сером фоне, но, учитывая то, что прозрачный фон доступ лишь в форматах PNG и GIF, то стоит сохранять файл в 24 битном PNG, так как именно этот формат будет давать наилучшее качество.

5. Используйте тематическую иконку.

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

6. Оригинальность - залог успеха.

Не ищите лёгкого пути, скачав набор готовых иконок. Фавикон должен придавать индивидуальность, не допускайте, чтобы он был похож на другие. Лучше нарисовать немного кривовато, но самому.

7. Один фавикон на весь сайт.

Фавикон - ваш отличительный знак, а назначать для каждой страницы новый логотип нецелесообразно. Не вводи своих же посетителей в недоумение.

8. Не используй анимированный логотип.

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

Создаём фавикон:

Первоначально в графическом редакторе создаём лого. Когда шедевр создан, появляется необходимость в генерации самой иконки из подготовленного изображения. Для этого топаем на Favicon.RU (я отдаю предпочтение именно этому сайту) и получаем готовую иконку. Закачиваем её на сервер.

Теперь необходимо подключить логотип. Для этого в области тега HEAD прописываем следующий код:

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

Если вдруг появится потребность в анимированном логотипе, то изображение сохраняем в формате GIF, изменив в HTML-коде MIME-тип на image/gif:

<link rel="icon" href="favicon.gif" type="image/gif"/>
<link rel="shortcut icon" href="favicon.gif" type="image/gif"/>

Также в процессе генерации можно использовать не online-сайт, а программное обеспечение. Программа или сайт - решать вам.