Странные артефакты в GIF-анимации с прозрачностью

Я пытаюсь создать анимированный GIF пчелы. Это изображение представляет собой GIF с прозрачностью. Экспортирую в Adobe Animate CC 2018 с такими настройками:

введите описание изображения здесь

но в результате: я не могу использовать это изображение в Интернете. Есть много артефактов (когда фон моей веб-страницы имеет цвет):

введите описание изображения здесь

Что я делаю неправильно?

Вот мой проект Animate: https://www.dropbox.com/s/6s9qs8vow8bs8kn/bee.fla?dl=0 (.fla)

Вы пробовали экспортировать только два (или четыре) цвета? ТОЛЬКО прозрачность и черный?
@SZCZERZOKŁY да, это то же самое
Поскольку вы говорите, что это происходит на веб-сайте... В зависимости от варианта использования вы можете экспортировать его на холст html5 или в виде анимации листа спрайтов. К сожалению, я понятия не имею, какая поддержка у Adobe Animate для них. Я почти уверен, что у него есть какой-то экспорт холста...

Ответы (1)

Некоторые возможные решения:

  1. Установите прозрачный матовый цвет таким же, как фон веб-страницы.

матовая настройка

  1. Избегайте сглаживания при анимации, это означает пиксельную границу, звучит сложно, но это хорошее решение. Для этого вам нужен файл с хорошим разрешением, чтобы разработать анимацию и смоделировать границы. Некоторое время назад Kenzo использовала на своей веб-странице очень хорошо сделанный анимированный gif поверх статичных изображений без мягких рамок. Вот результат:

Кензо

  1. Используйте файл анимации в формате APNG или PNG . Минус в том, что он поддерживается не во всех браузерах, некоторые из них отображают статичное изображение. Вот список: https://caniuse.com/#feat=apng . С файлами PNG и APNG вы можете сохранить прозрачность или альфа-канал. Это изображение используется Википедией в определении PNG-анимации .

PNG

Странные артефакты в GIF-анимации с прозрачностью
СпросиСетьПолитика конфиденциальности1y, 8v