在 HTML 中加载按比例缩小/低分辨率的图像

Question

我有小尺寸的<img>，我在其中放了非常大的图片。这会导致图片加载缓慢而且很浪费，因为我真的不需要下载整个大图，我以非常小的尺寸显示它。

有没有办法让 HTML 加载较低分辨率的图像而不是完整的图像分辨率？所以加载会更快。

Answer 1

HTML（据我所知）没有自动为您生成缩略图大小的图像以加快加载速度的功能。当您在 Wordpress 或各种电子商务解决方案上上传时，某些网站会自动执行此操作。因此，除非您使用其中之一，否则您必须在上传之前自行调整图像大小，或编写您自己的网站功能，在服务器端动态调整图像大小。

您必须在服务器端完成这项工作，因为 HTML/CSS/JS 都只是客户端（node.js 不支持），并且只有在图像已经下载后才能为您调整大小，这会失败目的。