Question

PHP上传图片，前端展示大小统一问题

菜鸟提问
假如用PHP做一个产品图品展示网站，如果前端展示规定的统一的（比如：100*120 ，要就是1 : 1.2的比例）大小，而将要上传的图片比例大小都参差不齐，应该如何控制前端展示的图片不变型？
或者抛开我的说法，现在的网站一般都是怎样做到这一点的？

Answer 1

有两种做法：
方法一：通过后台为图片生成展示时需要的缩略图。
在图片上传的时候，创建一个宽度为100，高度为120的真彩色图像，并且将背景设置为透明，然后按照原始图像比例，将原始图像拷贝到这个真彩色画布上，这里需要计算拷贝的图像的大小，使图像宽度不超过100，高度不超过120，并且位于真彩色画布的正中间，那么前台只需要显示这个缩略图就可以了。

方法二：通过CSS+JS实现。
利用JS代码重新设置图像的显示大小，让其按比例自动适应，宽度不超过100，高度不超过120，但是这个时候图像不是位于正中间的，还需要使用CSS样式对齐定位，让它水平和垂直方向都居中。

Answer 2

现在一般不从后台对图片进行处理，因为以后改版会很麻烦。你可以在前台通过CSS设置显示图片的尺寸，或者输出到前台时自动添加width和height属性值。比如我会写一个类，其中有个方法是showimg($id,$width,$height)，这样就能取到某个id代表的图片，后面两个变量约定一下尺寸即可。尽量不改原始图片。