Перейти к содержимому

Иконка формы входа кладовщика на iOS больше не сплошной чёрный квадрат

iOS рисует прозрачный фон PNG-иконки чёрным — заменили на белую подложку, Android и PWA-манифест не тронули
21 августа 2026 г. от
Иконка формы входа кладовщика на iOS больше не сплошной чёрный квадрат

Иконка формы входа кладовщика на iOS больше не сплошной чёрный квадрат

PWA-форма входа кладовщика (тестовый сервер Odoo 19, test19) при добавлении на домашний экран iPhone превращалась в сплошной чёрный квадрат вместо иконки. Причина — в том, как iOS обрабатывает прозрачность: там, где PNG-иконка прозрачна, iOS подставляет чёрный цвет вместо исходной прозрачности.

Было: чёрный квадрат

Иконка была с прозрачным фоном — нормально смотрелась в Android/PWA-виджетах, но на домашнем экране iPhone прозрачные области заливались чёрным, и от логотипа оставались еле видные тёмные штрихи на чёрном фоне.

Стало: белая подложка + логотип

Сделали отдельную iOS-версию иконки с непрозрачным белым фоном — чёрные вертикальные элементы логотипа (буква «Н» монограммы) теперь читаются на белом, а не сливаются в квадрат. Страница отдаёт новую иконку через <link rel="apple-touch-icon"> на обновлённый маршрут.

Без побочных эффектов

Иконки для Android и общего PWA-манифеста (manifest.webmanifest) остались как были, с прозрачным фоном — правка коснулась только iOS-варианта. Изменения уже задеплоены на test19.

Обмен с 1С:Бухгалтерией: все шесть точек синхронизации подтверждены
Партнёры, номенклатура, счета с автопроводкой и теперь платежи — загружаются из Odoo в 1С:Бухгалтерия Базовая одной кнопкой

Похожая задача в вашей компании?

Напишите намСмотреть услуги