Image Size
74 users
Developer: unknown
Version: 1.7
Updated: July 8, 2020
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
关闭状态 图片样式尺寸和源尺寸 * | 对于图片预览的页面 ![](https://yanxuan.nosdn.127.net/15619608826292067.png) | 选项设置 视觉稿宽 | 图片和背景图 * | | 导航高度 icon #### 开启状态 #### 选项说明 对于图片预览的页面,可以快速获取图片的尺寸和体积,并且提供复制css的功能 可以进入到插件的配置信息页面 点击 ![](https://yanxuan.nosdn.127.net/15619628363582189.png) 750:768,750:720 size使用说明 信息如下: | ![](https://yanxuan.nosdn.127.net/15619625575742162.png) pc则为1:1,即1920:1920;h5则为rem,实际存在比例,常见的为 | ## 和底下那个宽度一起使用 ![](https://yanxuan.nosdn.127.net/15619602639322040.png) * image 在上述的icon上右键选中 包含背景图 -- * ### ##### 【定位】点击后可以进行定位 一般不做背景图检查,往往页面中会有雪碧图,尺寸存在不一致,会误报 配置 tag | * 页面左上角会展示图片的基本信息 安装地址 ### [https://chrome.google.com/webstore/detail/image-size/lohflkahhmfajaaehbljimobcgodmaci](https://chrome.google.com/webstore/detail/image-size/lohflkahhmfajaaehbljimobcgodmaci) 页面展示 | 开关 以及在页面中的具体dom对象 | 开启后则会进行console信息输出 | 则可以进行开关切换 对于非图片预览的页面 开启调试 | * | | 背景 | 页面中图片资源经常引用过大,造成页面性能浪费,基于此开发了此chrome插件,用于对页面的图片进行检查,即图片样式大小和本身的资源大小是否一致,如不一致,则会进行标注提醒。 #### 对于非图片预览的页面,可以遍历整个页面的图片,对图片样式大小和本身的资源大小进行比较,如不一致,则进行标注提醒。 | 说明 #### -- | | * > | ### | 用于图片信息进行定位,但是页面往往存在导航,会出现遮挡,添加此高度后,定位则会进行优化计算 功能 选项 类型分为 操作指南 | * #### 最大兼容宽 图片有错误的则会在页面的右侧标记出错误的位置,点击该tag后,可以展示错误的图片信息 | ![](https://yanxuan.nosdn.127.net/15619602636762039.png) ![](https://yanxuan.nosdn.127.net/15619608095552066.png) ![](https://yanxuan.nosdn.127.net/15619625578562163.png) 图片预览图 有三种颜色切换,防止tag颜色和页面颜色冲突 ##### 颜色 图片链接 | 浏览器,先从以下地址按照插件 | 打开chrome
Related
Image Dimensions Detector
29
Image info tab
80
Image info
4,000+
Image Size Checker
988
Pic info
4,000+
View Image Info (properties)
50,000+
Image-Details
5,000+
PreviewImage
548
Image Dimensions
151
JIRA SubTask URL Redirection
368
Photo Zoom
9,000+
Image Info on Hover
1,000+
Image Size Check
6,000+
Image Data
470
Image info
471
PhotoShow
80,000+
Banner Dimensions
333
Enhanced Image Viewer
1,000+
Show and Copy Image Properties
222
Better Image Scaling
788
Image Checker
484
Full Width Image
142
Page Gallery
822
Easy Extension Manager
2,000+