VSCode 默认图片预览不显示像素尺寸和文件大小,因其基于 WebView 渲染且不解析图像头信息;推荐使用 vscode-image-preview 插件或终端命令 file 快速获取准确宽高与大小。
VSCode 默认的图片预览功能只显示缩略图,不显示像素尺寸和文件大小——它根本不是为图像分析设计的。
为什么
或点击内联预览不显示宽高信息
VSCode 内置的图片预览(比如在 Markdown 中点击图片链接,或在资源管理器中双击
、
)本质是 WebView 渲染,底层调用的是 Electron 的图像加载逻辑,不解析 EXIF 或原始头信息,也不暴露元数据接口。所以你看到的只是渲染结果,没有尺寸、DPI、色深等任何底层属性。
即使图片是 8000×6000 的 RAW 转 PNG,预览里也只显示“适应编辑器宽度”的缩放视图
右键菜单里没有“属性”“详细信息”选项
提示仅显示路径,不包含
或
用
插件补全缺失信息
社区插件
(作者:yudai)是目前最轻量且准确的方案,它会在预览面板顶部直接显示
和
,支持
、
、
、
等主流格式。
安装后,对任意图片文件按
→ 输入
即可触发
也可在资源管理器中右键图片 → 选择
预览窗口标题栏会显示类似
注意:它不修改文件,也不依赖外部命令,纯前端解析图像头(如 PNG IHDR、JPEG SOF0),所以快且离线可用
终端里快速查尺寸——不用开 GUI 工具
如果只是临时确认某张图的参数,比装插件更快的方式是终端一行命令。VSCode 集成终端(
)里直接运行:
VSCode 1.118
微软正式发布 Visual Studio Code 1.118 版本 。本次更新重点强化了 AI 开发体验与企业管理能力,其中最引人注目的是新增 Copilot CLI 远程控制功能,允许开发者通过手机或网页远程监控和接管 AI 会话 。同时,为了提高 AI 的运行性价比,新版本优化了令牌缓存策略以降低成本 。此外,1.118 版还引入了 Chronicle 本地历史追踪、TypeScript 7.0 支持以及更严格的企业级访问管控 。
下载
输出类似:
命令在 macOS/Linux 自带;Windows 用户需安装
(自带
环境)或
更精确的像素值可用
(需先
或
)
注意:
会解码整个图像,大图(如 100MB TIFF)可能卡住;
只读头部,安全可靠
真正需要像素级确认时,别信预览缩略图的视觉判断——哪怕看起来“差不多”,
和
对某些构建流程(比如 Webpack 图片 loader 的尺寸断言)就是失败边界。插件或命令行输出的数字才是唯一可信来源。
Ctrl+Click.png.jpgHoverwidth × heightfile sizevscode-image-previewvscode-image-previewWidth × HeightFile size.png.jpg.gif.webpCtrl+Shift+PImage Preview: Open PreviewOpen Previewimage.png (1920×1080, 2.1 MB)Ctrl+`file image.jpgimage.jpg: JPEG image data, JFIF standard 1.01, resolution (DPI), density 72x72, segment length 16, baseline, precision 8, 1920x1080, frames 3fileGit for Windowsmsys2WSLidentify -format "%wx%h %b" image.pngbrew install imagemagickchoco install imagemagickidentifyfile1920×10801920×1079