Magento 2 中的产品图片和素材图片

产品图片的存储位置在pub/media/catalog/product位置下，该目录下的原始图片按照一定的目录索引存储，子目录cache存放各种调整过大小的图片。

素材图片存储位置在pub/media/wysiwyg，Luma主题首页的一些展示图片就在该目录下，Media Storage指的也是它。

产品图片有角色（Image Roles）

角色	内容描述
色板图像	色板图像可以说明颜色，纹理，表面处理或图案。可以将产品特定的色板图像上载到图库。
基本图片	基本图像是产品详细信息页面上的主图像。如果上传的图像比图像容器大，则会激活图像缩放。尺寸示例： 470 x 470像素（不带缩放） 1100 x 1100像素（不带缩放）
小图片	小图像用于类别和搜索结果页面上列表中的产品图像，并显示部分产品（例如追加销售，交叉销售和新产品列表）所需的产品图像。示例尺寸： 470 x 470像素
缩图	缩略图会出现在缩略图库，购物车中以及某些块中，例如“相关项目”。示例尺寸： 50 x 50像素

为什么图片要有角色呢？
不同的页面对图片的尺寸要求不一样。比如列表页面，这个页面就是一个概览，小图片就可以满足要求了，而且图片小一点加载更快。但是他没有解决多终端的图片加载问题。多终端下按需加载会是最好的方案。

在创建自定义主题中，提到用view.xml来配置图片的属性。但是这样的结构看起来完全没有考虑到按需加载。所谓按需加载，指的是根据不同的终端提供不同尺寸的图片。因为我们不会希望在手机端加载一张大图，然后只是在前端缩小他的尺寸，实现视觉上的变小。以 luma 主题为例，我们用调试工具就会发现，尽管是响应式，但他只是样式上变小，而不是按需加载。