Генератор иконок для сайта (Favicon)

Одно фото → все размеры + код для вставки

Favicon это маленькая иконка на вкладке браузера. Сайты, созданные с помощью ИИ, часто остаются со стандартной иконкой, которая сразу выдает незавершенность. Загрузите логотип или картинку, включая HEIC с iPhone, и инструмент вырежет квадрат из центра, создав шесть файлов PNG: 16, 32 и 48 пикселей для браузера, 180 для домашнего экрана iPhone, а также 192 и 512 для Android. Все скачивается в одном ZIP архиве вместе с файлом site.webmanifest, инструкциями на русском языке и четырьмя строками кода для вставки в тег head. Изображение обрабатывается в браузере и не отправляется на сервер.

Частые вопросы

Какое изображение подойдет лучше всего?

Квадратная, простая и четкая картинка. Иконка размером 16 пикселей очень маленькая, поэтому детализированный логотип превратится в пятно.

Куда загружать файлы?

В корневую папку сайта, обычно она называется public. Если вы работаете с ИИ, просто отправьте ему код и попросите добавить его.

Моя картинка прямоугольная, что с ней будет?

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

Создается ли файл favicon.ico?

Нет. Пакет включает файлы PNG и код со ссылками на них, именно это читают современные браузеры. Кому нужен файл ICO для старого браузера, может отдельно конвертировать файл размером 32 пикселя.

Я загрузил файлы, но старая иконка все еще отображается, почему?

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

Другие полезные инструменты

Все инструменты в разделе Создание сайтов с AI