javascript - 在渲染之前使用 HTML 或 JavaScript 调整来自 URL 的图像大小

标签 javascript html image rendering image-compression

我正在开展一个项目,在该项目中我将 4,000 多张照片渲染到网页上。照片来源是在线链接,因此我无法在本地自行调整它们的大小,因为我没有将它们保存到我的计算机上。

每张照片大约为 800px x 800px,但我创建的图像对象只需为 200px x 200px。页面的加载时间非常慢,尤其是在移动设备上,我希望在获取照片之后但在渲染之前调整照片的大小会加快加载时间。

是否可以: (1) 从链接获取图像 (2) 调整/压缩之前的照片 (3) 将照片渲染在网页上的图像对象中?

所有这些都不需要接触网络上的原始照片,也不需要直接下载到我的计算机上?

最佳答案

我认为加载时间实际上会增加,因为首先你必须从远程源获取完整图像,然后你还必须裁剪它!您绝对需要加载已经压缩的图像!

关于javascript - 在渲染之前使用 HTML 或 JavaScript 调整来自 URL 的图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57640716/

相关文章:

javascript - 尝试加载一个模型,该模型包含模式中的 2 个不同对象列表

javascript - 以编程方式创建“Like”按钮会泄漏大量内存

php - 如何缩小php页面html输出?

jquery - img 上的圆 Angular 与 FF 中的边框

javascript - Javascript 计算器应用程序中的前导零和小数

javascript - <span> 光标未按预期工作

html - 填充剩余的垂直空间 - 仅 CSS

javascript - 使用指令模块化网站的 HTML 结构

javascript - 在 JavaScript 中比较两个图像

java - 拍照后如何在另一个 Activity 中显示图像?