如何裁剪/缩放用户图像,以便显示固定大小的缩略图而不会出现歪斜和拉伸？

Question

我正在努力允许用户上传我的网站的个人资料图片.我试图避免的经典例子是lotsoffish.com,每个用户的图像都是偏斜的,看起来很丑陋:

那么,我怎样才能逐步裁剪/创建标准尺寸版本的图像而不会出现上述偏斜？

Answer 1

那么,你必须有一个最大的高度和宽度,让我们假设你有的图像大小是正方形,比如100x100.

当用户上传图像时获取它的尺寸,然后计算出更大,更高或更宽的尺寸.

然后进行最大测量并获得该测量值与目标测量值的比率,然后使用该比率来缩放高度和宽度.

因此,如果用户上传500高度和450宽度的图片,因为高度最大,您将缩小100除以500,即缩略图大小.这给了我们.2作为比率.这意味着宽度将变为90,因此您将缩小到100x90,并且不会发生扭曲.