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

Posted 2023-02-25

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

【英文标题】：automatic cropping of images according to height width given in img tag

【发布时间】：2011-12-29 01:55:32

【问题描述】：

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

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

有没有什么方法可以根据给定的高度宽度自动裁剪图像？

【参考方案1】：

如果您有可用的 php，您可以尝试phpThumb，它可以为您完成所有工作以及更多功能。它可以裁剪，缩放裁剪，变换，模糊，对比度......等等，它会自动创建缩略图并将它们保存在缓存中，因此每次图像都不需要重新裁剪......等等已加载。

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

【参考方案2】：

您无法在客户端裁剪内容以使其轻量级，因为所有繁重的工作已经完成（传输文件）。更不用说您的最终用户进行图像处理会非常密集。您将需要在服务器端创建缩略图。您应该发布一个问题，详细说明您正在使用的服务器端技术（C#、php 等）。理想情况下，您会缓存它们或提前创建它们，这样您只需执行一次，也可以让您的服务器免于不必要的工作。

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