调整大小和裁剪

Question

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

这样做的最佳方法是什么？您是否应该简单地将图像调整到特定尺寸，并且可能会使图像翘曲或裁剪图像并冒险切断图像的重要部分？或者只是用相同的宽高比缩略它并用一些默认颜色填充额外的空间？

Answer 1

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

Answer 2

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

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

Answer 3

你可以做到这两点。

您可以提供一个按特定比例调整图像大小的滑块，并允许它们在剪切区域周围移动，该区域的大小与所需图像的大小相同。