调整大小与裁剪答案

【问题标题】：Resize vs Crop调整大小与裁剪
【发布时间】：2010-10-03 16:26:50
【问题描述】：

假设您正在创建一个类似 eBay 的网站，用户可以在其中列出他们希望出售给其他人的商品，并且您希望允许他们上传图片。为了使网站看起来尽可能“干净”，您决定所有图像缩略图都将在主页上呈现为 100x100 像素的正方形（如果需要，完整的图像可以显示在另一个屏幕上）。

执行此操作的最佳方法是什么？您是否应该简单地将图像调整到特定尺寸并冒着变形的风险，还是裁剪图像并冒着切掉图像的重要部分的风险？或者只是用相同的纵横比缩小它并用一些默认颜色填充额外的空间？

【问题讨论】：

标签： image

【解决方案1】：

你可以两者兼得。

您可以提供一个滑块，该滑块可以按特定比例调整图像大小，还可以让它们在您想要的结果图像大小的剪切区域周围移动。

【讨论】：

【解决方案2】：

我会说，将图像大小调整为 100x100 而不考虑原始图像的方面的选项是不可接受的解决方案。在我个人看来，最好的选择是给用户一个方形选择工具，允许他们在上传的图像上拖动和移动裁剪区域。一旦他们选择了裁剪区域，您就可以裁剪图像并将其调整为 100x100 像素。这将为您提供最清晰的缩略图图像。由于该图像将链接到原始尺寸的全尺寸图像，因此我不必担心某些图像会丢失。

【讨论】：

用户选择工具正是我所想的。
大多数具有此功能的网站不做但非常好的一件事是允许裁剪框超出原始图像的边界。在带有黑条的 800x800 框中显示 600x800 图像，并在可缩略图区域中包含黑条。
@Sparr，不错的建议。如果我不得不做这样的事情，我会记住这一点。

【解决方案3】：

假设您需要为不能或不会使用图形裁剪工具的用户提供后备解决方案，我会建议用户从中选择操作列表。

信箱（显示黑条，不切任何内容）
裁剪到中心
裁剪到 [NE/NW/SE/SW] 角
裁剪到 [N/E/S/W] 侧的中间

【讨论】：