php - 如何调整图像大小以从浏览器 (IE9+) 打印

Question

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

我想尽可能保持图像的质量。如何在不将图像打印在超过 8.5x11 的情况下保持质量？我知道我可以降低 DPI，但这是我唯一的选择吗？有没有办法使用 HTML5、CSS3 和/或 Imagick 强制图像的大小以英寸而不是像素为单位？

谢谢

Answer 1

img 元素的 width 和 height 属性应设置为图像的 96 英寸大小(乘以0.32)，但您应该继续提供 300 dpi 图像。如有必要，浏览器将缩小图像以在屏幕上显示。

对于打印，我不确定 IE 9 是否会使用额外的分辨率(如果可用)，但值得一试。至少是最新 Apple Mac 和 iPad 的用户 can benefit .

例如，您的 letter 大小的页面在 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 .