0

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

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

谢谢

4

1 回答 1

1

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

对于打印，我不确定 IE 9 是否会使用额外的分辨率（如果可用），但值得一试。至少最新 Apple Mac 和 iPad 的用户可以从中受益。

例如，您的 letter 大小的页面在 300 dpi 下可能是 2550x3300 像素，但在 96 dpi 的屏幕上，它只有 816x1056 像素。img所以在元素中使用后一组维度：

<img src="page1-300dpi.png" width="816" height="1056" alt="">

您可能还对如何更改 IE 的纸张边距设置、如何获得 CSS 像素/设备像素比以及IE 如何支持高 DPI 设置感兴趣。

于 2013-04-30T06:55:43.827 回答