加载时jQuery图像大小调整（文件大小和尺寸）

Question

对于示例，我有2500x2500像素的图像。但我知道我需要它以1000x1000显示。 尝试使用CSS，但它加载完整大小的图像，然后调整大小，这使用了太多的数据。

Answer 1

你最想要的东西也不能在jQuery中完成。到执行javascript时，已经下载了完整大小的图像。 jQuery无法与服务器通信（请参阅下面的例外），告诉它在下载之前调整图像大小。您很可能需要使用服务器端语言（如PHP）来执行您想要的操作。

这是一个即将发生的例外：HTML中的新picture元素，它允许您根据许多条件选择不同大小的图像。对此的支持目前是有限的，但由于此元素将默认为标准img元素，因此立即使用它不会有任何缺点。

Answer 2

这会调整图像大小：

<img width="1000px" height="1000px"/>

或

img{
 width:1000px;
 height:1000px;
}