我意识到Chrome渲染CSS背景图像与<img />不同。
两个相同的图像大小相同

• 第一个CSS背景图像是像素化的
• 具有<img />的第二个是抗锯齿的。

<style>
  .a {
    width: 292px;
    height: 233.594px;
    display: inline-block;
  }

  div.a {
    background-image: url("data:image/png;...");
    background-size: cover;
  }
</style>

<div class="a"></div>
<img class="a" src="data:image/png;..." />

字符串

的数据
Playground：https://jsfiddle.net/tjpn9ecu/3/
有没有可能强制Chrome也为CSS背景图像启用反锯齿功能？