根据img标签中给出的高度宽度自动裁剪图像

Question

在我的网站列表页面上，我必须显示在详细页面中使用的图像的小缩略图，它们的尺寸更大。为了在列表中显示缩略图，我在<img>标签中使用高度和宽度缩放它们。

我知道这绝不是个好主意。因为它会使页面变重并且加载需要时间。

是否有任何方法可以根据给定的高度自动裁剪图像？

Answer 1

如果你有PHP可用，你可以尝试phpThumb，它会为你完成所有这些以及更多。它可以裁剪，缩放裁剪，变换，模糊，对比等等，它会自动创建缩略图并将它们保存在缓存中，这样每次都不需要重新裁剪......等等。图像已加载。

安装和使用也非常简单，这是一个很大的优势。

Answer 2

你不能在客户端裁剪东西以使它们变得轻量级，因为所有繁重的工作都已完成（传输文件）。更不用说最终用户进行图像处理会非常密集。您需要创建缩略图服务器端。您应该发布一个问题，详细说明您正在使用的服务器端技术（C＃，php等）。理想情况下，您可以提前缓存它们或创建它们，这样您只需执行一次并将服务器保存在不需要的工作中。

实际上，不要在您正在使用的服务器端技术上发布后续问题。这已被问过很多次SO。搜索如何做到这一点。例如php thumbnail creation。