Почему favicon — это не один файл, а целый набор
Иконка сайта, которую видно во вкладке браузера, — это только один из размеров, которые на самом деле нужны современному сайту. Отдельные размеры нужны для вкладки браузера (16×16, 32×32), для закладок и ярлыков рабочего стола (48×48), для иконки при добавлении сайта на домашний экран iPhone (180×180, «Apple Touch Icon») и для Android/PWA-приложений (192×192 и 512×512). Без части этих файлов сайт может выглядеть на телефонах пользователей как безликий серый квадрат вместо логотипа.
Этот генератор берёт одно загруженное изображение, автоматически обрезает его по центру до квадрата (если оно не квадратное) и создаёт сразу весь набор — включая классический favicon.ico, который до сих пор ищут браузеры и поисковые роботы в корне сайта по умолчанию. Все файлы упакованы в один ZIP-архив вместе с готовым HTML-кодом для вставки в `<head>` — не нужно вручную прописывать теги для каждого размера.
Лучше всего для favicon подходит простой, легко читаемый на маленьком размере логотип или монограмма без мелких деталей — на 16×16 пикселях сложные иллюстрации превращаются в нечитаемое пятно. Если исходный логотип прямоугольный, сначала вырежьте из него квадратную область через обрезку изображения с пропорцией 1:1, а если нужно точно попасть в фирменный цвет фона — используйте пипетку цвета или конвертер цветов.
Если исходное изображение слишком большое или тяжёлое, для ускорения загрузки самого сайта его стоит сначала уменьшить в инструменте «Изменить размер изображения» — хотя для favicon-генератора это не обязательно, поскольку он сам вписывает картинку в каждый нужный размер.