Загадка круглых иконок в манифесте для PWA Android Chrome

Привет всем! Эта статья поможет создать чат-бота без знания программирования. Даже если вы новичок в этой области, мы сделаем это легко и просто.

Я потратил много времени, пытаясь разобраться, почему иконка моего PWA была вложена в белый квадрат. Я читал официальную документацию от Google и статьи, где указывалось, что необходимо создать минимальную безопасную зону и установить свойство «purpose» со значением «maskable». Эти источники также рекомендовали использование инструмента Maskable. app.

Однако, оказалось, что для корректного отображения иконки в новых версиях Android необходимо сделать ее круглой. Я проверил это на своих локальных проектах и убедился в этом. Для простого примера я запустил эмулятор Android Studio на Pixel 6 с Android 13, установил PWA для Telegram и Twitter. Результат можно увидеть на приложенном скриншоте.

Иконка Telegram отображается корректно, а иконка Twitter вложена в уродливый белый квадрат.

Я не смог найти информацию об этом требовании в документации. Если вы знаете больше о данной теме, поделитесь информацией в комментариях."