magento2中的产品图片

7天成为Magento系统架构师,现在开始学习Magento全栈开发!

《Magento2.X企业级开发实战》

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

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

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

产品图片有角色(Image Roles)

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

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

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

如无特殊说明或标注,任何个人或组织,复制、转载、采集本站内容请注明:
本文来源于:【Magento中文网】,并添加本文地址链接。
如未按上述操作复制或转载,本站有权追究法律责任。
若本站内容侵犯了原著者的合法权益,可联系我们进行处理。