我有一个大约3500 x 2500像素和4 MB大小的JPEG图像。
我想在HTML页面中显示此图像，因此大约需要3/4的屏幕， 并且还压缩它，以便它快速加载，但不会过多地影响质量。
这可行吗？
答案 0 :(得分：1)
是的，但不是HTML。您需要运行某种服务器端脚本，以便在通过线路传输到浏览器之前减小图像的大小。可以做这样的事情的语言包括（按字母顺序，所以我不会被指责偏袒）Perl，PHP，Python，Ruby等等。但是，它需要一些编程经验或学习意愿（通过阅读网站和/或书籍）。我建议反对在StackOverflow上问一个问题，基本上问一下这个问题。
答案 1 :(得分：1)
不，在HTML中做不可行。 HTML不压缩图像。它可以通过指定高度和宽度属性来调整图像大小，但它们看起来不太好。
您必须手动调整图像大小。
答案 2 :(得分：1)
HTML
<img class="big_image" src="x.jpg">
<!-- don't set width and height in the HTML -->
CSS
img.big_image {width:75%; -ms-interpolation-mode:bicubic;}
/* don't set the height and it will be proportionally scaled */
图像将缩放到第一个定位的祖先的75％。 （任何包含位置的元素：relative;或position：absolute; set，希望这是body元素。 您可能还必须在CSS中将body的宽度和html设置为100％。我不确定。
MS css特定的东西适用于IE7及更高版本，因为默认情况下它们使用最近邻居插值。这太傻了。
图像已经非常压缩。它可能更适合作为jpeg或png，尝试两者并看看哪个更小。
答案 3 :(得分：0)
如果您希望jpg占据屏幕的3/4，则不能假设每个人都拥有相同的浏览器窗口大小。当用户更改窗口大小时，您可能希望调整图像的大小。
可以使用CSS 3属性background-size使图像拉伸以适合屏幕，但它不适用于所有浏览器。否则，您可以使用一些聪明的Javascript。
缺点是，无论您决定使用哪种技术，都会出现图片质量/尺寸问题。如果你把你的照片保持在3500px，那么在大屏幕上观看时它会很干净，但下载时间会很长。如果你的图片太小，它会加载很快，但你会看到大屏幕上的像素。
我认为大多数人使用1024px到1280px之间的屏幕分辨率。所以也许你应该开始测试这些尺寸。