如果背景颜色为白色，有一种方法可以使用css混合模式，添加mix-blend-mode: multiply;CSS属性：

img{
  mix-blend-mode: multiply;
}

Demo

CSS混合模式:

background-blend-mode - CSS: Cascading Style Sheets | MDN
mix-blend-mode - CSS: Cascading Style Sheets | MDN
isolation - CSS: Cascading Style Sheets | MDN

CSS透明的其他解決方案

Mix-blend-mode确实适用于某些浏览器，但有团队发现它会导致chrome中的性能问题。

团队的一位设计师想到了这个天才的技巧，您可以在其中创建一个几乎是透明的图层，但是当它放置在白色背景上时，其颜色将与周围背景的颜色匹配。

找到这种“神奇”颜色的方式；通过计算除去的不透明度量，每个色轴应变暗多少。公式为255 - ( 255 - x ) / opacity

參考： Make white background of image transparent in css
来自：https://www.ucamc.com