CSS中的灰度，没有下采样

Question

我试图将图像转换为CSS中的灰度以进行打印。我尝试使用filter: grayscale(100%)导致图像在浏览器中显示正常但在打印预览/打印页面中以像素化显示。所以我尝试了filter: saturate(0)和我在网上找到的这个SVG过滤器：

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink">

  <image width="100%" height="100%" xlink:href="graphic.png" filter="url(#grayscale)"/>
  <defs>
   <filter id="grayscale" x="0" y="0" width="1" height="1">
     <feColorMatrix in="SourceGraphic" type="saturate" values="0"/>
   </filter>
  </defs>
</svg>

具有相同的结果。我该如何解决这个问题？