Вернуться к генератору иконок
Откройте основной workspace и сразу запустите генерацию.
Как сделать favicon и PWA-иконки
Загрузите один PNG или SVG и экспортируйте favicon.ico, Apple touch icon и PWA-иконки с едиными отступами.
Рекомендуемый вход
- PNG или SVG, желательно квадрат и размер не меньше 512×512.
- Для логотипов с гибким размещением лучше использовать прозрачный фон.
- Если исходник не квадратный, инструмент автоматически дополняет холст и центрирует объект.
Поток из 3 шагов
- Загрузите источник и проверьте, что границы объекта определены корректно.
- Выберите режим Balanced или Safe и просмотрите favicon/PWA preview.
- Скачайте ZIP с favicon.ico, 16/32/48, Apple 180 и PWA 192/512.
Полный пример
Вход: Прозрачный брендовый SVG 1024×1024.
Настройки: Balanced padding + transparent background.
Выход: Готовый набор иконок для сайта и PWA без ручной подготовки размеров.
FAQ
Можно ли использовать один источник для favicon и PWA?
Да, если исходник качественный и отступы настроены корректно.
Почему маленький favicon выглядит размытым?
На маленьких размерах важна простая форма; уменьшите детализацию и увеличьте safe margin.
Нужно ли вручную готовить каждый размер?
Нет, инструмент автоматически экспортирует основные размеры.
Связанные переходы
Гайд по safe-area maskable
Узнайте, как избежать обрезки на launcher-экранах.
Гайд SVG в пакет
Пошаговый сценарий экспорта полного набора из SVG.
JSON Formatter
Проверяйте и форматируйте manifest JSON перед релизом.