我有一个公司网站，调度员将员工的医生记录上传到他们的电子邮件中，这些记录以 PDF 格式扫描。使用 PHP Imagick 将 PDF 转换为 PNG。我目前有 300 DPI (Imagick) 的图像。当它们从浏览器打印时，它们对于一张纸来说太大了。最初以 8.5x11 扫描的图像。
我希望尽可能保持图像质量。如何在不将图像打印在多个 8.5x11 上的情况下保持质量？我知道我可以降低 DPI，但这是我唯一的选择吗？ HTML5、CSS3 和/或 Imagick 有没有办法强制图像的大小以英寸而不是像素为单位？
谢谢
【问题讨论】：
标签： php html image css imagick
img 元素的width 和height 属性应设置为以96 英寸为单位的图像大小（乘以0.32），但您应继续提供300 dpi 图像。如有必要，浏览器将缩小图像以在屏幕上显示。
对于打印，我不确定 IE 9 是否会使用额外的分辨率（如果可用），但值得一试。至少是最新 Apple Mac 和 iPad 的用户can benefit。
例如，您的信纸大小的页面在 300 dpi 下可能是 2550x3300 像素，但在 96 dpi 的屏幕上，它只有 816x1056 像素。所以在img 元素中使用后一组维度：
<img src="page1-300dpi.png" width="816" height="1056" alt="">
您可能还对how to change IE's paper margin setting、how to get the CSS pixel / device pixel ratio 和how IE supports high DPI settings 感兴趣。
【讨论】：