HTML文档中图像粒度的原因是什么?
我扫描了一些文档并创建了具有以下属性的相应JPEG图像:
图片大小:2452 x 3508像素
分辨率:300x300 ppi
JPEG,RGB
并将其包含在HTML文档中:<img src="image.jpg" height="100%" />
我在大显示器和笔记本上打开了网页。
在这两种情况下,图像质量都很差。它们太精细,以至于文本难以阅读。虽然如果您在标准Windows图像查看器中打开它们,您可以看到每个小细节。
如何在不降低质量的情况下将图像包含到HTML文档中?
答案 0 :(得分:2)
您正在以打印质量扫描图像并将其显示在通常最多不能处理超过96 DPI的屏幕上。
使用较低的DPI设置重新扫描图像,不要尝试在浏览器窗口中显示800万像素的图像。
这似乎与你想要完成的事情相违背,但事实并非如此。您永远不会将扫描图像显示在计算机屏幕上,就像打印质量一样。 (直到我们都有显示器的视网膜质量显示)
答案 1 :(得分:0)
尝试从图片代码中删除height="100%"
。
<img src="image.jpg" />