我正在构建一个应用程序，其中包含列表视图和地图视图。列表视图包含image和info部分，但我在缩放图片方面遇到了困难。
图像是用户上传自己，列表等的图像。我使用的是AWS Lambda + S3。因此，我可以灵活地修改缩略图的图像缩放，可能会创建多维缩略图。
我应该如何缩放这些图像，以便移动/平板电脑，桌面和大型（2k +）显示器可以访问这些图像？我应该从用户上传的图像中制作3个或更多分辨率的缩放图像，然后使用某种img-sm，img-md和img-lg微分器？
由于
答案 0 :(得分：0)
将img标记与srcset属性一起使用。
更多信息：https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/
答案 1 :(得分：0)
我不推荐使用CSS调整大小。因为大文件无论如何都要在用户的设备上下载，并且与小尺寸图像相比将需要更多时间来加载。
在提供完美尺寸的图像的情况下，您有两种流行的方法。
一种方法是在用户上传图像后立即创建所需尺寸的调整大小的图像。
另一种方法是只上传一张大图像，然后通过指定高度和宽度来获得所需的尺寸。 URL参数中的宽度。它有更多的好处。这样您就可以在不需要太多努力的情况下更改应用程序的布局。否则，您必须再次以新的所需尺寸重新上传旧图像。
您可以查看ImageKit.io。它具有所有这些功能+优化。