vscode 默认图片预览不显示像素尺寸和文件大小，因其基于 webview 渲染且不解析图像头信息；推荐使用 vscode-image-preview 插件或终端命令 file 快速获取准确宽高与大小。
VSCode 默认的图片预览功能只显示缩略图，不显示像素尺寸和文件大小——它根本不是为图像分析设计的。
为什么 Ctrl+Click 或点击内联预览不显示宽高信息
VSCode 内置的图片预览（比如在 Markdown 中点击图片链接，或在资源管理器中双击 .png、.jpg）本质是 WebView 渲染，底层调用的是 Electron 的图像加载逻辑，不解析 EXIF 或原始头信息，也不暴露元数据接口。所以你看到的只是渲染结果，没有尺寸、DPI、色深等任何底层属性。
- 即使图片是 8000×6000 的 RAW 转 PNG，预览里也只显示“适应编辑器宽度”的缩放视图
- 右键菜单里没有“属性”“详细信息”选项
-
Hover提示仅显示路径，不包含width × height或file size
用 vscode-image-preview 插件补全缺失信息
社区插件 vscode-image-preview（作者：yudai）是目前最轻量且准确的方案，它会在预览面板顶部直接显示 Width × Height 和 File size，支持 .png、.jpg、.gif、.webp 等主流格式。
- 安装后，对任意图片文件按
Ctrl+Shift+P→ 输入Image Preview: Open Preview即可触发 - 也可在资源管理器中右键图片 → 选择
Open Preview - 预览窗口标题栏会显示类似
image.png (1920×1080, 2.1 MB) - 注意：它不修改文件，也不依赖外部命令，纯前端解析图像头（如 PNG IHDR、JPEG SOF0），所以快且离线可用
终端里快速查尺寸——不用开 GUI 工具
如果只是临时确认某张图的参数，比装插件更快的方式是终端一行命令。VSCode 集成终端（Ctrl+`）里直接运行：
file image.jpg
输出类似：image.jpg: JPEG image data, JFIF standard 1.01, resolution (DPI), density 72x72, segment length 16, baseline, precision 8, 1920x1080, frames 3
-
file命令在 macOS/Linux 自带；Windows 用户需安装Git for Windows（自带msys2环境）或WSL - 更精确的像素值可用
identify -format "%wx%h %b" image.png（需先brew install imagemagick或choco install imagemagick） - 注意：
identify会解码整个图像，大图（如 100MB TIFF）可能卡住；file只读头部，安全可靠
真正需要像素级确认时，别信预览缩略图的视觉判断——哪怕看起来“差不多”，1920×1080 和 1920×1079 对某些构建流程（比如 Webpack 图片 loader 的尺寸断言）就是失败边界。插件或命令行输出的数字才是唯一可信来源。
