Главная страница » Блог » Как настроить иконку для Android Chrome, чтобы она вписывалась в системную маску без обрезки?

Как настроить иконку для Android Chrome, чтобы она вписывалась в системную маску без обрезки?

Как настроить иконку для Android Chrome, чтобы она вписывалась в системную маску без обрезки? Добавьте в манифест иконку с атрибутом purpose: any maskable и сплошным фоном по краям. Логотип разместите строго в центральных 80 процентах холста размером 512 на 512 пикселей — так Chrome корректно применит маску под круг, скруглённый квадрат или другую форму, не срезав значимые детали.

Главный нюанс: безопасная зона масковой иконки — это круг диаметром 80 процентов от размера холста, поэтому отступ от каждого края должен составлять минимум 10 процентов. Прозрачный фон или логотип вплотную к границе — частая причина неожиданных обрезок. Проверить результат можно в DevTools во вкладке Manifest или на сервисе maskable.app, где сразу видно, попадает ли логотип в зону маски.

Если нужно быстро подготовить манифест, обновить иконки под все форматы Android Chrome и проверить их перед публикацией, напишите — сделаю настройку под ключ и покажу финальный вид в масках разных форм.

Внимание:
Условия: Внедрение системы — от 50 000 ₽/мес. Если бюджет подходит — посмотреть тарифы →
Прокрутить вверх