推荐/标准的图像缩略图尺寸

3

根据我在网站开发方面的经验，每个网站的HTML页面设计可能会有不同的<img>标签来显示同一张图片的不同尺寸。例如：网站的主页可能会以500*500的尺寸显示该图片，而列表页面可能会以200*150的尺寸显示，网站的其他部分也会使用不同的尺寸。如您所见，要显示给用户的图片的比例是不同的，因此会导致拉伸、像素化和/或其他质量问题。

目前，我处理这个问题的方法是使用jQuery裁剪工具让用户选择裁剪缩略图的区域。然后使用imagick调整大小以适应页面设计中的每个位置。但是，尽管我可以强制用户根据预定义的比例裁剪图像，但HTML仍将包含需要不同比例缩略图的图像占位符。因此，对于每个图像，我都必须强制用户根据我的网站需要的每种可能的比例裁剪上传的图像。

我认为这不是一个友好的解决方案，您会如何解决它？在网上是否有标准/推荐的比例？

谢谢。

- Maverick

2个回答

0

我会使用ImageMagick自动裁剪缩略图。通常情况下，裁剪缩略图的位置并不是非常重要，所以自动处理是解决问题的简单方法，既不需要用户参与，同时又能得到不错的结果。

- Pär Wieslander

这个问题在于上传时可能出现的情况，比如上传你的照片。你肯定希望整张脸都能显示出来。如果从（0,0）到（width/2），（height/2）进行裁剪，那么只会显示你脸的一半。因此，我们的产品内容编辑人员对他们上传的图片发生的情况表示反对。 - Maverick

1

我发现在实践中，一个保持尽可能多原始图像的居中裁剪效果非常好。通过这种方式裁剪图像，可以确保图像的中心保持完整（假设重要部分位于中心）。 - Pär Wieslander

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Teson · Accepted Answer

我认为这里没有绝对的真理。如果您的出版商具有设计意识，他们可能不喜欢任意裁剪。（设计不应被逻辑奴役。）

如果图像比例很重要，我建议使用两个不同的图像。如果不是，可以进行裁剪/微调或更改布局。

祝好， /t