推荐/标准图像缩略图大小

Question

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

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

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

谢谢

Answer 1

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

如果图像比例很重要，我建议使用两张不同的图像。如果没有，请裁剪/微调或更改布局。

问候， /t

Answer 2

我会简单地使用 ImageMagick 自动裁剪缩略图。通常，裁剪在缩略图图像上的确切位置并不那么重要，因此自动执行此操作是解决问题的一种简单方法，无需用户参与，同时仍能获得不错的结果。