Я понимаю, что это не вопрос, связанный с кодом, сам по себе, но, учитывая, что он связан с рендерингом браузера, я подумал, что это не очень плохое место, чтобы его задать.
Итак, возьмите этоизображение иллюстрации.
Вам даже не нужно сохранять его локально. Просто откройте инспектор, поместите черный #000 фон на <body> и уменьшите непрозрачность изображения до очень низкого уровня, например 0.01.
Безумно, не правда ли?
На всякий случай, если вы этого не видите: я на macOS, и это самое изображение, на всех браузерах, выглядит действительно странно, когда его непрозрачность резко снижается ипоставить над темным фоном. Некоторые его части, в основном квадратные, выглядят слишком яркими и плоскими. По какой-то причине эффект еще более впечатляющий при просмотре на внешнем дисплее.
Я еще не смог протестировать это в Windows, и я понятия не имею, что здесь происходит. Почему это выглядит так, и, что более важно, есть ли способ устранить эти артефакты?
Спасибо!