不同尺寸图像的命名约定
Naming conventions for different sizes of an image
我们正在使用 thumbor 图片服务器自动生成用户上传图片的不同分辨率。
图片用于不同的位置：中等大小的个人资料图片、列表中的小图片、详细信息页面中的大图片、图库中的大图片。
一些变体具有其原始纵横比，其他变体必须适合 4:3 框架并具有灰色背景。
图像大小标识符，如 "small"、"medium" 和 "large" 没有任何意义，可以表示任何意思。不幸的是，我没有找到任何记录这种情况的命名约定。
哪些图像大小命名约定是已知的，哪些在 Web 应用程序环境中最有效？
我的建议是这样的：
考虑您在系统上的所有不同比例，例如：
- 2x3
- 1x1
- 1x2
- 3x4
给每个人起个名字，比如：
- 2x3 - 风景
- 1x1 - 正方形
- 1x2 - 传播
- 3x4 - 肖像
然后使用名称作为每张图片不同尺寸的前缀：
landscape_300 将生成 3x4 比例图像，300 像素宽。
Square_96 将生成 96px x 96px 的图像，依此类推...
我们已经解决了以下问题：
- 首先，我们列出了前端所需的所有图像尺寸、宽高比和样式。
- 我们将它们分组到具有相似大小、相同纵横比和样式的桶中
- 他们的名字取决于他们的使用地点、他们的风格和他们的 size/aspect。
最后我们得到了一个列表，名称如下：
thumbnail（小图片，40px 宽）small（适合 300x225）list43grey（对于某些列表视图，4:3 纵横比，灰色背景）listquad（对于某些列表视图，1:1 宽高比，裁剪适合）detail（详情页面上的大图，800x400）fullscreen（全屏图库，1600x1200）
我们正在使用 thumbor 图片服务器自动生成用户上传图片的不同分辨率。
图片用于不同的位置：中等大小的个人资料图片、列表中的小图片、详细信息页面中的大图片、图库中的大图片。 一些变体具有其原始纵横比，其他变体必须适合 4:3 框架并具有灰色背景。
图像大小标识符，如 "small"、"medium" 和 "large" 没有任何意义，可以表示任何意思。不幸的是，我没有找到任何记录这种情况的命名约定。
哪些图像大小命名约定是已知的，哪些在 Web 应用程序环境中最有效？
我的建议是这样的：
考虑您在系统上的所有不同比例，例如：
- 2x3
- 1x1
- 1x2
- 3x4
给每个人起个名字，比如：
- 2x3 - 风景
- 1x1 - 正方形
- 1x2 - 传播
- 3x4 - 肖像
然后使用名称作为每张图片不同尺寸的前缀：
landscape_300 将生成 3x4 比例图像，300 像素宽。
Square_96 将生成 96px x 96px 的图像，依此类推...
我们已经解决了以下问题：
- 首先，我们列出了前端所需的所有图像尺寸、宽高比和样式。
- 我们将它们分组到具有相似大小、相同纵横比和样式的桶中
- 他们的名字取决于他们的使用地点、他们的风格和他们的 size/aspect。
最后我们得到了一个列表，名称如下：
thumbnail（小图片，40px 宽）small（适合 300x225）list43grey（对于某些列表视图，4:3 纵横比，灰色背景）listquad（对于某些列表视图，1:1 宽高比，裁剪适合）detail（详情页面上的大图，800x400）fullscreen（全屏图库，1600x1200）