求解缩略图
问题描述：
我试图建立其从amazon.in.I拉到交易页面基本上去交易，复制图像，并上传到我的服务器图片显示大小的问题。 但是由于amazon.in上的图像尺寸不同，当我为缩略图缩小200 * 200尺寸时，其中一些图像变形。
在下面的图片中，您可以看到Amazon Basics电缆已正确缩放，因为由于amazon.in中图像的性质而导致iPhone 7图像变形。 这些问题的一般建议是什么？我们如何解决这个问题，以便为我的交易获得统一的图像？
答
如果图像不具有1的长宽比：1（这是您的缩略图的比率）会得到扭曲，因为有一个在其中一个比另一个维度更多的长度，如果尝试匹配他们，其中一个将不得不被挤压。这是失真来自的地方。
，将工作的唯一事情是给的图像，您的模板相匹配的新的宽高比
这可以与CSS完成像在评论中提到@SaidbakR
修复宽度并将图像放置在一个div中，使用oveflow：none和fixed height来隐藏额外的高度。
这将工作得很好，但有些图像将无法正常工作。他们只会在错误的地方被截断。
你可以做的唯一的其他事情是在Photoshop或类似的地方手动编辑照片。 这可以适用于所有图像，但手动编辑每一张不适合的照片是脖子上的痛苦。
然而，这是你最终得到的。
之前：在全尺寸
原始图像后：图片在如Photoshop程序编辑以的200×200的期望的尺寸，没有失真
那么，我的建议修复方法是调整您的方法/模板或找到您的图像的另一个来源。
所以你的意思是裁剪图像，然后调整大小？ –
修复宽度并将图像放在带有'oveflow：none'的div中，并且固定高度以隐藏额外的高度。 – SaidbakR