在不影响纵横比的情况下裁剪图像

Posted

技术标签:

【中文标题】在不影响纵横比的情况下裁剪图像【英文标题】:crop image without disturbing aspect ratio 【发布时间】:2017-12-08 07:22:01 【问题描述】:

** 在图像处理中,在裁剪图像时,任何网站或应用程序都会保持纵横比。

即使在whatsApp和Facebook上上传图片作为头像,我们也不能单独编辑高度和宽度

为什么我们不能按照我们想要的方式编辑**

【问题讨论】:

【参考方案1】:

几乎所有的图像编辑程序都有一个选项来控制在裁剪时是否限制纵横比。有时一个人想要保证相同的纵横比,有时一个人想要为特定目的裁剪到不同的纵横比。在美术印刷中,裁剪通常不受限制以匹配特定的纸张尺寸或确保边缘准确地到达摄影师想要的位置。 (在不保留纵横比的情况下调整大小对照片几乎没有用处。)

对于创建个人资料照片,所需的纵横比限制将是网站喜欢或施加的限制,而不是图片的原始限制。如果目标比例不是上传的照片之一,这会立即引起用户混淆,因为大多数用户不了解限制,并且想知道为什么他们不能只使用他们的整张照片。

让用户界面引导人们按照网站喜欢的纵横比进行裁剪可能会很有用,但大多数网站无论如何都对整个概念有些不精确。 (例如,Facebook 的个人资料照片布局多年来已更改多次。当我在那里的照片团队工作时,正在努力尝试自动生成照片裁剪,以便它们可以以不同的方式显示在各种地方由于设计选择而导致的比例。这会激怒任何认真的摄影师,这对那些从事该功能的人来说并不重要。)

为此还需要适量的设计和编程来完成 UI,因此不会经常完成。但最有可能的原因是因为它使用户感到困惑。 Instagram 将是一个例外,因为它大力推动方形纵横比,并且其庞大的用户群非常接受这一点。用户界面非常适合将人裁剪为正方形。

【讨论】:

以上是关于在不影响纵横比的情况下裁剪图像的主要内容,如果未能解决你的问题,请参考以下文章

Android:拉伸和裁剪图像(但仍然是纵横比)

在不改变原始纵横比的情况下将位图大小调整为 512x512

给定图像和纵横比的最大裁剪区域

使用纵横比和空白区域裁剪图像

css裁剪图像保存纵横比

调整图像大小并裁剪为新的纵横比