Image Size

信息如下： | 【定位】点击后可以进行定位 在上述的icon上右键选中 | 说明 pc则为1:1，即1920:1920；h5则为rem，实际存在比例，常见的为 和底下那个宽度一起使用 |  | ### | 页面展示 * 导航高度 tag #### 图片链接 * * * | | 图片预览图 | #### 颜色 页面中图片资源经常引用过大，造成页面性能浪费，基于此开发了此chrome插件，用于对页面的图片进行检查，即图片样式大小和本身的资源大小是否一致，如不一致，则会进行标注提醒。  页面左上角会展示图片的基本信息 ### 开启状态 图片样式尺寸和源尺寸 | | * ##### | | 则可以进行开关切换 最大兼容宽 用于图片信息进行定位，但是页面往往存在导航，会出现遮挡，添加此高度后，定位则会进行优化计算 ### 选项设置 对于非图片预览的页面 配置 打开chrome 选项说明 | 浏览器，先从以下地址按照插件 * | 图片有错误的则会在页面的右侧标记出错误的位置，点击该tag后，可以展示错误的图片信息  对于图片预览的页面 操作指南 | 点击 视觉稿宽 > | 有三种颜色切换，防止tag颜色和页面颜色冲突 #### 开关 #####  image  安装地址 功能 -- 包含背景图 * 背景 对于图片预览的页面，可以快速获取图片的尺寸和体积，并且提供复制css的功能 | * 图片和背景图 类型分为 icon | [https://chrome.google.com/webstore/detail/image-size/lohflkahhmfajaaehbljimobcgodmaci](https://chrome.google.com/webstore/detail/image-size/lohflkahhmfajaaehbljimobcgodmaci) #### 750:768，750:720  | ## 选项 开启后则会进行console信息输出 #### -- 一般不做背景图检查，往往页面中会有雪碧图，尺寸存在不一致，会误报 | size使用说明 | | 对于非图片预览的页面，可以遍历整个页面的图片，对图片样式大小和本身的资源大小进行比较，如不一致，则进行标注提醒。 关闭状态 以及在页面中的具体dom对象 |  开启调试 | 可以进入到插件的配置信息页面