Как сделать favicon и PWA-иконки

Загрузите один PNG или SVG и экспортируйте favicon.ico, Apple touch icon и PWA-иконки с едиными отступами.

Рекомендуемый вход

  • PNG или SVG, желательно квадрат и размер не меньше 512×512.
  • Для логотипов с гибким размещением лучше использовать прозрачный фон.
  • Если исходник не квадратный, инструмент автоматически дополняет холст и центрирует объект.

Поток из 3 шагов

  1. Загрузите источник и проверьте, что границы объекта определены корректно.
  2. Выберите режим Balanced или Safe и просмотрите favicon/PWA preview.
  3. Скачайте 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.

Нужно ли вручную готовить каждый размер?

Нет, инструмент автоматически экспортирует основные размеры.

Связанные переходы

Вернуться к генератору иконок

Откройте основной workspace и сразу запустите генерацию.