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