Magento2中用于前台的产品图片性能都被存储在view.xml配置文件中。本文提供所有的可用性能细节及配置方法。


1.在view.xml中配置图片性能
view.xml通常位于主题的:

<theme_dir>/etc/view.xml

例如,view.xml在Magento Blank主题中的位置是:

app/design/frontend/Magento/blank/etc/view.xml

在view.xml中,图片性能被配置在< images module=”Magento_Catalog”>元素内:

<images module="Magento_Catalog">
...
<images/>

每种被图片性能配置的类型图片是通过< image>元素的id和type属性定义的:

<images module="Magento_Catalog"><image id="unique_image_id" type="image_type">...</image>
<images/>

下面的表格描述属性的详情:

<images module="Magento_Catalog"><image id="unique_image_id" type="image"><width>100</width> <!-- Image width in px --> <height>100</height> <!-- Image height in px --></image>
</images>

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-images.html

14.为主题配置图片性能相关推荐

  1. ZblogPHP主题配置制作入门(一)

    ZblogPHP主题配置制作入门(一)  2014-12-01 14:24   家居设计   标签:主题 Z-BlogPHP 模板   4613    2 做了这么久的ZblogPHP主题,发现自己还 ...

  2. [转]Oh My Zsh,安装,主题配置

    https://swp-song.com/2017/08/20/Tools/OhMyZsh%E5%AE%89%E8%A3%85%E5%92%8C%E4%B8%BB%E9%A2%98%E9%85%8D% ...

  3. 关于editor网页编辑器ueditor.config.js 配置图片上传

    最近公司项目在做一个门户网站,其中新闻和简介等部分使用到了ueditor编辑器,但是上级明确指示需要图片上传这个功能,这时却发现图片上传功能不能正常使用,上传时一直报错,网上收了好几个处理办法,都说的 ...

  4. 如何在 Ubuntu 14.04 里面配置 chroot 环境

    如何在 Ubuntu 14.04 里面配置 chroot 环境 你可能会有很多理由想要把一个应用.一个用户或者一个环境与你的 linux 系统隔离开来.不同的操作系统有不同的实现方式,而在 linux ...

  5. Hexo+next主题配置踩的坑

    Hexo+next主题配置踩的坑 下载安装完next主题后才发现一堆的坑.由于next的版本不同.所以有的配置文件和网上的教程不大一样.自己踩了N多坑,于是打算记录一下.于是自己试了好几天才差不多配置 ...

  6. IDEA最全最常用的配置与性能优化(Java必备)

    IDEA最全最常用的配置与性能优化(Java必备) 简介 一.性能优化 1.JVM启动参数 2.清空缓存并重建索引 二.优化设置 1.显示方法分隔符 2.忽略大小写提示 3.主题设置 4.设置字体 5 ...

  7. Hexo的Next主题配置

    使用Next主题 在这里Downloads Next主题代码 将下载的代码放在myBlog/theme/next目录下 设置站点myBlog/_config.yml的theme字段值为next 生成新 ...

  8. hexo个人博客搭建(二)butterfly主题配置

    Butterfly主题安装文档(二)之主题配置 一.回顾安装butterfly主题 1.在hexo项目根目录下执行操作clone主题 git clone -b master https://githu ...

  9. 阿里云FPGA云服务器规格配置、性能及价格表

    阿里云FPGA云服务器一款提供了现场可编程门阵列(FPGA)的计算实例,FPGA云服务器是基于阿里云弹性计算框架,用户可以几分钟内轻松创建FPGA实例,创建自定义的专用硬件加速器.InstanceTy ...

  10. Android 图片性能优化:Bitmap

    一.引入 图片作为内存消耗大户,一直是开发人员尝试优化的重点对象.Bitmap的内存从3.0以前的位于native,到后来改成jvm,再到8.0又改回到native.jvm每个进程都有内存上限,而na ...

最新文章

  1. https://blog.csdn.net/blmoistawinde/article/details/84329103
  2. Linux bash管道符“|”使用介绍与例子
  3. 王立飞:专注己之长 跨界求发展
  4. java_泛型 TreeSet 判断hashcode/length(升序排列)
  5. 镜头上的四线电机怎么驱动_2相四线,四相五线,四相六线步进电机接线及驱动方法...
  6. JVM堆新生代分配比例
  7. Solaris的硬件相关命令
  8. web前端 到底怎么学?掌握什么可以拿到高薪?
  9. 服务器的作用及用途,服务器的作用和用途是什么
  10. python科研向论文检索篇——提取PDF文字以供全文信息检索
  11. Axure制作倒计时
  12. 算法实践:波兰表达式
  13. android拦截彩信,Android手机恶意彩信拦截系统的设计和实现
  14. 斯特林数 java实现_斯特林数
  15. 手机版中国银联php,中国银联手机移动支付接口,php语言,在ecshop,shopex等的wap版本上完美实现移动支付...
  16. 计算机中英字幕精品教程合集
  17. 烤仔TVのCCW丨密码学通识(一)密码学基础及常见误区
  18. 为什么说SQL语句中使用IN性能不高?
  19. 宝塔Linux面板命令大全(详细完整版)
  20. Rabbitmq---生产者和消费者概念

热门文章

  1. 博弈知识汇总(转自Tanky Woo),留着以后复习
  2. MSsql差异备份总结
  3. 使用using关键字来自动清除对象资源
  4. corrplot包与ggcorrplot相关图(二)
  5. Julia语言初体验
  6. 人工智能、区块链、算法...这30个大数据热词你知道吗?
  7. 没想到,区块链竟然是这样的!
  8. android photopicker怎么修改状态栏,一个非常好看的图片选择框架LPhotoPicker,确定不来看看么...
  9. 求二叉树左右子树高度差_LeetCode刷题实战110:平衡二叉树
  10. String 和 InputStream 互转方式