Favicon — маленькая иконка сайта, которая показывается во вкладке браузера, в закладках и на панели задач. Без неё вкладка выглядит «безликой» — со стандартной иконкой браузера вместо логотипа сайта. Сделать favicon из готового изображения — дело одной минуты.
Что такое favicon.ico и почему не подойдёт обычный PNG
Формат .ico устроен особым образом: один файл может содержать сразу несколько версий изображения в разных размерах (обычно 16, 32, 48, 64, 128, 256 пикселей). Браузер сам выбирает подходящий размер в зависимости от того, где иконка отображается — во вкладке, в закладках или на плитке «Избранное» на мобильном устройстве. Если отдать браузеру просто увеличенный PNG, мелкие детали смажутся при уменьшении до 16×16.
Как создать favicon онлайн
Откройте генератор favicon, загрузите квадратное изображение — логотип или иконку — и скачайте готовый favicon.ico со всеми стандартными размерами внутри. При необходимости можно указать свой список размеров через запятую в отдельном поле; если оставить его пустым, используется стандартный набор. Обработка идёт на сервере, файл удаляется сразу после генерации.
Какое изображение выбрать
Лучше всего подходит простое квадратное изображение без мелких деталей — логотип, монограмма, простая иконка. Сложные картинки с тонкими линиями или текстом при уменьшении до 16×16 пикселей превращаются в нечитаемое пятно, поэтому для favicon стоит использовать максимально упрощённую версию логотипа, а не полноценный фирменный знак со всеми деталями.
Как подключить favicon на сайте
- Положите файл favicon.ico в корень сайта (туда же, где robots.txt).
- Добавьте в <head> HTML-страницы тег:
<link rel="icon" href="/favicon.ico">
Многие браузеры подхватывают favicon.ico из корня сайта автоматически, даже без явного тега, но явно указать ссылку — надёжнее: так иконка точно отобразится во всех браузерах.
Итог
Favicon — небольшая деталь, но она делает сайт узнаваемым во вкладке браузера и в закладках. Создать её из логотипа — вопрос одной загрузки файла, без графического редактора и без ручной сборки нескольких размеров в один .ico.