VSCode 默认不显示图片像素尺寸和文件大小，因其内置预览仅渲染缩略图、不解析图像头信息；可安装 vscode-image-preview 插件或使用终端 file 命令获取准确数据。
VSCode 默认不显示图片的像素尺寸和文件大小，这不是你操作错了，是它压根没这个功能——内置预览只渲染缩略图，不读图像头信息。
为什么双击图片看不到宽高和大小
VSCode 内置的图片预览（比如双击 .png 或在 Markdown 里 Ctrl+Click）本质是 Electron 的 WebView 渲染，只加载并展示图像，不解析 IHDR（PNG）、SOF0（JPEG）等头部数据，也不暴露元数据。所以：
- Hover 提示只显示路径，没有
1920×1080或2.1 MB - 右键菜单里没有“属性”或“详细信息”选项
- 即使图片是 12000×8000 的 TIFF 转 PNG，预览也只按编辑器宽度缩放，毫无参考价值
用 vscode-image-preview 插件直接显示尺寸
这是目前最轻量、准确、离线可用的方案：它前端解析图像头，不调外部命令，支持 .png、.jpg、.webp、.svg 等主流格式。
- 安装后，在资源管理器中右键图片 → Open Preview，或按
Ctrl+Shift+P→ 输入Image Preview: Open Preview - 预览窗口标题栏直接显示：
icon.png (48×48, 3.2 KB) - 无需配置，默认启用悬停预览：光标落在 Markdown 中
./assets/logo.png的任意字母上，就会弹出带尺寸的浮层 - 注意路径必须以
./开头且文件真实存在；assets/logo.png（缺点）或https://地址都不生效
终端一行命令快速查尺寸（不用装插件）
如果你只是临时确认某张图的参数，开终端比找插件更快，而且结果绝对可靠。
- 在 VSCode 集成终端（
Ctrl+`）运行：file image.jpg→ 输出含1920x1080，只读头部，安全、极速 - macOS/Linux 自带
file；Windows 用户需装 Git for Windows 或启用 WSL - 要更精确（比如带色深、DPI），可装 ImageMagick 后运行：
identify -format "%wx%h %b" image.png - 但注意：
identify会解码整图，100MB 的 TIFF 可能卡死；file永远是首选
别信缩略图的“视觉判断”
预览窗格里的缩略图是渲染结果，不是原始像素。哪怕两张图看起来“差不多大”，1920×1080 和 1920×1079 对 Webpack 图片 loader、CI 构建断言、响应式 CSS 媒体查询来说，就是成功与失败的分界线。真正需要像素级确认时，必须依赖插件显示的数值，或终端命令输出的真实头信息。
