代码之家  ›  专栏  ›  技术社区  ›  Kevin Pang

调整大小与裁剪

  •  1
  • Kevin Pang  · 技术社区  · 16 年前

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

    最好的办法是什么?你是否应该简单地将图像调整到特定的尺寸,冒着扭曲或裁剪图像的风险,并冒着切断图像重要部分的风险?或者用相同的纵横比将其缩略,然后用默认颜色填充多余的空间?

    3 回复  |  直到 16 年前
        1
  •  6
  •   Kelly Anderson    16 年前

    我想说的是,在不考虑原始图像的情况下,将图像大小调整为100x100是不可接受的解决方案。在我个人看来,最好的选择是给用户一个正方形的选择工具,允许他们在上传的图像上拖动和移动裁剪区域。一旦他们选择裁剪区域,你就可以裁剪图像并将其调整为100x100像素。这将为您提供最干净的缩略图显示。由于图像将链接到一个完整的图像在它的原始方面,我不会担心一些图像会丢失。

        2
  •  1
  •   Sparr    16 年前

    • 裁剪到中心
    • 裁剪至[NE/NW/SE/SW]角
        3
  •  0
  •   Allain Lalonde    16 年前

    你两个都可以。

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