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

Question

根据我在网页开发方面的经验，每个网站的HTML页面设计可能会有不同的尺寸，以显示不同尺寸的相同图像。即：网站的主页面可能会显示500 * 500的图片，列表页面可能会显示为200 * 150，网站的其他部分将使用不同的尺寸。正如您所看到的，要显示给用户的图像比例不同，因此会导致图像拉伸，像素化和/或其他质量问题出现问题。

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

我不认为这是一个友好的解决方案，你会怎么做？网页是否有标准/推荐比例？

感谢

Answer 1

这里没有绝对的事实，我相信。如果您的发布商具有设计意识，他们可能不喜欢任意裁剪。 （设计不应该被逻辑所奴役。）

如果图像比例显着，我会建议两个不同的图像。如果没有，裁剪/微调或更改布局。

问候， /吨

Answer 2

我只想自动裁剪使用ImageMagick的缩略图。通常，作物放置在缩略图上的位置并不那么重要，因此自动执行该操作是一种简单的方法，可以在不涉及用户的情况下解决问题，同时还能获得相当好的效果。