【发布时间】：2012-12-17 20:48:57
【问题描述】：
我有一个网站，用户可以在其中上传他们的照片，我想准备一个页面，在那里我可以很好地显示所有上传的图片。 问题是，有人上传了400x400px分辨率的图片，有人上传了1400x800px的图片，有人上传了300x500px的图片。
在我想打印所有上传的图片的页面上，我想以 100x200px 的尺寸打印每张图片。我尝试手动设置图像的尺寸，例如：
<img src="img.jpg" style="width: 100px; height: 200px" />
但是页面看起来很糟糕，所有图像都模糊了。最好的方法是什么？ 也许要从每个图像显示中裁剪 100x200px 的区域吗？但是该怎么做呢？
【问题讨论】：
-
嗯，你可以使用php的wideimage插件！
-
最好的办法是在服务器端生成缩略图。这样您就可以避免在只需要以 100*200 打印时加载过大的图像。
-
另一个建议是使用像isotope.metafizzy.co/demos/images.html 这样的插件，尽管您可能仍然需要将宽度设置为某个值并让高度缩放。
-
正如@BiAiB 建议的那样，您确实应该在服务器端调整大图像的大小。如果图像仅比缩略图大 2-3 倍，这是可以容忍的，但将 1400x800 像素的图像缩小到 100x200 像素似乎太错误了。