【发布时间】：2016-02-06 10:10:14
【问题描述】：
我有一个包含数百张彩色图像的网站，目前正在创建页面的打印优化版本。
图像对信息很重要，因此需要与页面一起打印，但由于它们是全彩色的，所以我将它们复制为灰度。由于复制所有这些图像会占用一点服务器存储空间，我的问题是为了将它们用于css 印刷媒体，我还需要复制自css 背景以来的所有网页（以百个为单位）图像不打印，起初我以为我可以简单地将全彩色图像替换为css background-image 和 visibility: hidden，对于彩色图像，然后学习背景不打印。
所以，我的问题是，在这种情况下，唯一的选择是复制所有图像和所有网页，并为特定于打印的站点创建一个全新的目录，或者有没有办法节省空间，仍然可以可靠地打印？
其余网页内容均采用标准css方式进行打印，关键是图片数量众多，默认会浪费大量打印机墨水，因此有将其背景颜色替换为白色的灰度。
另外，网站是否经常有重复的目录，例如一个用于屏幕，一个用于打印？
编辑（基于初始答案）。图像是不透明的，每个页面都有很多图像（基本上是基于图像的内容），所以我看到的唯一解决方案是编辑它们的颜色，使它们的不透明变为白色，反之亦然。我想这意味着创建一个重复的网站是唯一的选择。
【问题讨论】：
-
在您的打印预览中尝试
filter:grayscale(1) -
你试过
@media print { img { filter: grayscale(100%); } }吗？ -
嗯，我想到了，但是图像是纯色的，每页有很多，而且我提到了部分内容，所以如果我不改变它们，那就意味着很多墨水打印的颜色。现在它们大多是白色的，这很管用。