CSS转换百分比会导致图像模糊

我遇到过这个非常讨厌的问题.

将图像与变换对齐时,基于它的平移百分比会导致图像略微模糊.这只是百分比对齐

考虑一下这个css:

img {
  display: block;
  height: auto;
  max-width: 100%;
  transform: translate(1%,1%); 
}

尝试的解决方案:

translate3d修复

透视修复

translateZ修复

也许有人有解决方案？

更新:Js Fiddle 我用图像更新了js小提琴,以便更好地看到差异.这在摄影中非常引人注目.

示例图片:

谢谢!

尝试这样的事情 translateX(calc(-50% + 0.5px))