不同大小的图像的命名约定

Question

我们正在使用thumbor图像服务器自动生成由用户上传的不同图像分辨率。

图像用于不同的位置：中型个人资料图片，列表中的小图片，详细页面上的较大图片，以及画廊中的更大图像。 一些变体具有其原始纵横比，其他变体必须适合4：3框架并具有灰色背景。

像“小”，“中”和“大”这样的图像大小标识符没有任何意义，可以表示任何意义。不幸的是，我没有找到任何有关此情况的文档命名约定。

哪些图像大小的命名约定是已知的，哪些在Web应用程序环境中最有效？

Answer 1

我的推荐是这样的：

考虑您在系统上的所有不同比率，例如：

• 2×3
• 的1x1
• 1×2
• 3×4

给每个人起一个名字，如：

• 2x3 - 风景
• 1x1 - Square
• 1x2 - Spread
• 3x4 - 人像

然后使用名称作为每个图像的不同大小的前缀：

landscape_300将产生3x4比例的图像，宽300px。

Square_96将生成96px x 96px图像，依此类推......

Answer 2

我们已采用以下解决方案：

1. 首先，我们列出了前端所需的所有图像尺寸，宽高比和样式。
2. 我们将它们分组为相似大小，相同宽高比和样式的桶
3. 他们的名字取决于他们的使用位置，风格和尺寸/方面。

最后我们有一个名单如下：

• thumbnail（小图片，40像素宽）
• small（适合300x225）
• list43grey（对于某些列表视图，4：3宽高比，灰色背景）
• listquad（对于某些列表视图，1：1宽高比，裁剪适合）
• detail（详情页面上的大图片，800x400）
• fullscreen（全屏幕画廊，1600x1200）