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

Question

我有小号的<img>我在其中放了非常大的图片。这会使图像加载变慢并且是一种浪费，因为我真的不需要下载整个大图，我以非常小的尺寸显示它。

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

Answer 1

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

你必须在服务器端完成这项工作，因为 HTML/CSS/JS 都只是客户端(node.js 不可承受)并且只能在图像下载后为你调整大小，这会失败目的。