我正在开展一个项目,在该项目中我将 4,000 多张照片渲染到网页上。照片来源是在线链接,因此我无法在本地自行调整它们的大小,因为我没有将它们保存到我的计算机上。
每张照片大约为 800px x 800px,但我创建的图像对象只需为 200px x 200px。页面的加载时间非常慢,尤其是在移动设备上,我希望在获取照片之后但在渲染之前调整照片的大小会加快加载时间。
是否可以: (1) 从链接获取图像 (2) 调整/压缩之前的照片 (3) 将照片渲染在网页上的图像对象中?
所有这些都不需要接触网络上的原始照片,也不需要直接下载到我的计算机上?
最佳答案
我认为加载时间实际上会增加,因为首先你必须从远程源获取完整图像,然后你还必须裁剪它!您绝对需要加载已经压缩的图像!
关于javascript - 在渲染之前使用 HTML 或 JavaScript 调整来自 URL 的图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57640716/