如何调整图像大小以便从浏览器打印（IE9 +）

Question

我有一个公司网站，其中调度员上传员工医生的笔记，其中以PDF格式扫描到他们的电子邮件。使用PHP Imagick将PDF转换为PNG。我目前的图像是300 DPI（Imagick）。当它们从浏览器打印出来时，它们可以用于单张纸张。最初以8.5x11扫描的图像。

我希望尽可能保持图像的质量。如何在不超过一个8.5x11的情况下打印图像的情况下如何保持质量？我知道我可以减少DPI，但这是我唯一的选择吗？ HTML5，CSS3和/或Imagick是否有办法强制图像的大小为英寸而不是像素？

由于

Answer 1

width元素的height和img属性应设置为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感兴趣。