Генератор favicon

Что создаётся

Из картинки собираются PNG 16, 32, 48, 180, 192 и 512 px. Первые три упаковываются в ICO: так браузер получает один файл с несколькими размерами. PNG 180 используется для иконки на домашнем экране iOS, 512 — для манифеста и крупных превью.

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

Современные браузеры принимают PNG и SVG напрямую. ICO остаётся для совместимости и старых систем.

Как подключить

Положите файлы в корень сайта. Минимальный набор — favicon.ico и apple-touch-icon.png. Код из блока ниже добавьте в <head>. Если сайт использует манифест, укажите PNG 192 и 512 там.

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

Какой размер исходника нужен?

От 512 × 512 px. Меньший исходник при увеличении станет размытым.

Поддерживается ли SVG?

Да, браузер растеризует его на canvas. Сложные SVG с внешними ресурсами могут не отрисоваться.

Почему иконка с полями?

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

Файлы загружаются на сервер?

Нет, всё происходит в браузере.

Связанные инструменты

Изменить размер картинки — в изменении размера изображения. Сжать файл — в сжатии изображений. Перевести в WebP — в конвертере в WebP.