图像过于细化

时间:2012-03-27 14:43:15

标签: html image

HTML文档中图像粒度的原因是什么?

我扫描了一些文档并创建了具有以下属性的相应JPEG图像: 图片大小:2452 x 3508像素
分辨率:300x300 ppi
JPEG,RGB

并将其包含在HTML文档中:<img src="image.jpg" height="100%" />
我在大显示器和笔记本上打开了网页。

在这两种情况下,图像质量都很差。它们太精细,以至于文本难以阅读。虽然如果您在标准Windows图像查看器中打开它们,您可以看到每个小细节。

如何在不降低质量的情况下将图像包含到HTML文档中?

2 个答案:

答案 0 :(得分:2)

您正在以打印质量扫描图像并将其显示在通常最多不能处理超过96 DPI的屏幕上。

使用较低的DPI设置重新扫描图像,不要尝试在浏览器窗口中显示800万像素的图像。

这似乎与你想要完成的事情相违背,但事实并非如此。您永远不会将扫描图像显示在计算机屏幕上,就像打印质量一样。 (直到我们都有显示器的视网膜质量显示)

答案 1 :(得分:0)

尝试从图片代码中删除height="100%"

<img src="image.jpg" />