Прозрачные PNG не работают там, где они фактически отображаются.
Маршрут `transparent-background-png` предназначен для стикеров, значков и хрома пользовательского интерфейса. Ореолы, скрывающиеся на белых артбордах, кричат на фотографиях или в градиентах. Проверьте реальные шестнадцатеричные значения, которые использует ваше приложение, включая тонкие оттенки серого. Если активы переходят в видео или движки, следите за предварительно умноженной альфа- и мип-смещенностью. Заморозьте битовую глубину, цветовой профиль и сжатие, чтобы пакеты оставались согласованными.
Рекомендуемые шаги для прозрачного фона PNG
- Решите, разрешены ли тени или ключевые линии и ограничен ли вес PNG.
- Комбинируйте светлый, темный и нейтральный серый цвета, чтобы передать цвета бахромы.
- Пропустите настоящий конвейер CDN, чтобы убедиться, что оптимизаторы не разрушают альфа-границы.
удалить фон (прозрачный) Вопросы и ответы
В Figma выглядит нормально, но в Chrome — с бахромой — почему?
Доверяйте браузеру; проверьте настройки экспорта и предварительный просмотр с управлением цветом.
Нужны ли нам отдельные ресурсы для темного режима?
Обычно да — сочетайте экспорт «светлый/темный» или стандартизируйте нейтральный штрих.
Миниатюры выглядят мягкими — кому это принадлежит?
Подтвердите размер миниатюры платформы; Последующая заточка отличается от полноразмерного обзора.
После отправки наклеек «transparent-background-png» дизайн переключается в темный режим и появляются ореолы — кому принадлежит исправление?
Документируйте пары светлых/темных активов или стандартную ключевую линию в дизайн-системе; отдельные PNG-файлы должны называть предполагаемый фоновый шестнадцатеричный код.
Motion нужна такая же наклейка — дополнительные проверки?
Подтвердите предварительно умноженную альфу, рабочее цветовое пространство и настройки экспорта последовательности; Плоские PNG часто имеют границы при импорте в NLE.