Экспорт прозрачного PNG часто не удаётся из-за несовместимости viewBox, скрытых фоновых слоёв или сглаживания краёв. Это руководство поможет получить стабильный результат.
1) Подготовьте SVG перед экспортом
- Сохраните корректный viewBox и удалите невидимые увеличенные пути, расширяющие холст.
- Удалите жёстко закодированные белые фоновые слои, если они не требуются.
- По возможности выравнивайте штрихи и формы по пиксельной сетке для уменьшения размытых краёв.
2) Настройте параметры экспорта
- Используйте режим прозрачного фона и проверьте альфа-пиксели вプレвью.
- Выберите масштаб 1x/2x/3x в зависимости от целевых экранов, чтобы избежать.post-export resizing.
- Поддерживайте стабильные соглашения об именах файлов, чтобы дизайн и разработка могли безопасно сопоставлять ресурсы.
3) Проведите быстрый контроль качества
- Тестируйте на светлом и тёмном фоне для обнаружения скрытых ореолов.
- Проверьте обрезку краёв, добавив временный отступ вокруг артборда.
- Сравните размеры вывода с требованиями дизайна перед отправкой.