Иконка сайта помогает найти его в результатах поиска и вкладках браузера. Ясная, подходящая к теме сайта иконка добавляет ещё один «плюс в карму» сайта. Её отсутствие или «дефолтная» иконка хостинга — демонстрирует небрежность в работе с сайтом.
Какой должна быть иконка?
Иконка имеет специальное расширение — ico. Это расширение используется и для иконок компьютерных программ. Иконки программ могут быть многостраничными — для разных размеров иконки. Для иконки сайта этого не нужно — её размер всегда 16×16 пикселей.
Уместить в квадрат из 256 пикселей (16×16) полноценное изображение не получится. Тени, переходы цветов должны быть минимизированы. Но и просто цветной квадратик не подойдёт — он не поможет найти сайт по иконке. Подумайте, как простой графический символ, буква, цифра, знак может достойно отразить содержание вашего сайта? Обычно в иконке используются цвета, использованные в оформлении сайта.
Анимированные иконки — дурной тон.
Где лежит иконка на сайте?
Иконку нужно закачать не только в папку шаблона сайта и панели управления, но и в корень сайта. Она всегда должна называться favicon.ico. По адресу: http://вашСайт/favicon.ico её ищут сторонние сервисы. Яндекс, кстати, собирает иконки сайтов c одной страницы своей выдачи и склеивает их все в одну картинку: для быстроты загрузки страниц поиска.
Контент-менеджеру удобнее работать с сайтом, если иконка пользовательской части отличается от иконки страниц панели управления.
Как создать иконку сайта?
Я пользуюсь сервисом favicon.ru. Раньше он умел только преобразовывать изображения в формат ICO. Теперь можно нарисовать иконку непосредственно на сайте. Возможность закачать свою — осталась. Появилась возможность отредактировать закаченное изображение перед преобразованием, например, удалив фоновый цвет, чтобы сделать прозрачную иконку. Очень удобно, пользуйтесь на здоровье!
Сувениры
Изображения в формате ico - это ещё и разные "состояния" указателя мыши. У Артемия Лебедева можно купить себе, например, такой магнит.
