javascript - 减小图像尺寸并保持 100% 宽度

Question

我的网站中有一些图片是从图片托管网站链接的。所有图像都需要 100% 的宽度。
但是，有些图像的像素非常大，因此加载速度很慢。
如何设置样式以减少图像的像素，同时将图像保持在 100% 宽度以更快地加载？
例如，将水平像素固定为 1440px 并调整垂直像素并保持 100% 宽度？

标签： javascripthtmlcssimage

Answer 1

每张图片需要有 2 个版本，一个具有原始大小，当用户请求下载照片时可以使用它，另一个用于显示和 UI，这将使您的页面加载速度更快，数据带宽更少。