Вернуться к генератору иконок
Сразу настройте safe-area параметры в основном инструменте.
Безопасная зона для maskable-иконок
Удерживайте ключевой контент в центре, чтобы иконка не теряла смысл при маскировании launcher-ом.
Проверка входа
- Используйте PNG/SVG с чистым и читаемым силуэтом.
- Рекомендуемый размер источника — 1024×1024 для качественного 512-экспорта.
- Сложные мелкие детали лучше упростить, чтобы они не потерялись после маски.
Поток из 3 шагов
- Загрузите источник и переключите режим отступов на Safe.
- Проверьте maskable preview и убедитесь, что объект не прижат к краям.
- Экспортируйте icon-maskable-192x192 и icon-maskable-512x512 через ZIP.
Полный пример
Вход: Логотип приложения PNG с прозрачным фоном.
Настройки: Safe padding + сплошной фон для стабильного launcher-рендера.
Выход: Контент остается читаемым при круглом и squircle-обрезании.
FAQ
Чем maskable отличается от обычной 512-иконки?
Maskable может обрезаться маской, поэтому требует более осторожной safe-area.
Какой фон лучше для maskable?
Обычно сплошной фон дает более предсказуемый вид на разных launchers.
Как понять, что объект слишком близко к краю?
Если текст или логотип почти касается границ preview, используйте режим Safe.
Связанные переходы
Гайд по favicon и PWA
Соберите стандартные веб-иконки параллельно с maskable.
Гайд SVG в пакет
Экспортируйте полный набор файлов, начиная с SVG.
Base64 Encode / Decode
Преобразуйте изображения в Base64 для отладки и интеграции.