很多网站图片被拉得变形：产品图扁扁的、人像脸拉宽、Banner图拉伸模糊。客户一看到这种图，立刻觉得这家公司不专业。
为什么会变形
模板固定了图片尺寸，但你上传的原图比例不一样。CSS强行拉伸填满，图就变形了。
怎么避免
两种方法：第一，上传前把图片裁成模板要求的比例。第二，在模板设置里选让图片裁剪适配（object-fit: cover），而不是拉伸。这样图片不变形，只是多余部分被裁掉。
产品图尤其要注意
产品图变形，客户对产品形状都判断错了。白底产品图一定要按统一比例裁，不要拉伸。
手机端也要看
电脑端看着正常，手机端图片可能被拉变形。上传后用手机打开一遍，检查图片比例。
图片是客户对产品的第一印象。变形了，专业感全没。
