.net - 响应式图像 : Resize or Dynamically Crop?

Question

这个问题实际上与编码无关，而是为任务选择正确的方法。我不知道这是否违反了 SO 的规则，但你去吧..

我曾经为一家本地报纸构建了一个小型 CMS，它为他们提供了添加帖子和照片的功能。关于照片，他们曾经上传一张照片，我保存了该照片的各种版本，以根据他们可能选择的不同模板(模板而不是屏幕尺寸!)

现在，我被要求更新这个旧系统，我面临着响应性/适应性的困境。

就我在网上的发现而言，下一件大事是 <picture>元素。我找到了很多资源，就在我决定去寻找它时，我遇到了 this网站。如果您查看任何图像的来源，您会发现它有一个查询字符串，例如 width=940&height=320&mode=crop&scale=both&meta=panoramic当我调整窗口大小时，它会变成 width=300&height=200&mode=crop&scale=both&meta=square&anchor=topcenter我相信这个网站正在使用 Image Resizer并且根据屏幕大小，服务器正在处理一张单张照片以输出新图像。

我不明白的是，这些方法中的哪一个实际上更好，因为picture element 仍然需要将多张图片上传到服务器，而 imageresizer 只需要一张图片，它会裁剪适合屏幕尺寸的图片。但另一方面，使用 picture元素服务器不会受到调整图像大小的请求的轰炸，而是提供从处理和时间中保存的现有照片？

Answer 1

Image Resizer 库听起来是您最好的选择 - 为您省去上传和管理许多不同图像尺寸的麻烦!

如果您担心图像调整大小的开销(无论如何都很小)，您可以随时尝试他们的 DiskCache 插件，该插件调整图像大小一次然后将其保存到磁盘 - 对相同大小的相同图像的后续请求将返回。