vscode图片预览不显示尺寸信息，原生仅支持渲染常见格式但缺失宽高、dpi等元数据；可通过image preview插件悬停查看或终端命令file/identify获取尺寸；svg预览为位图且不执行js。
VSCode 能直接预览图片但不显示尺寸信息
VSCode 内置的图片预览功能仅支持渲染 .png、.jpg、.gif、.svg 等常见格式，双击打开即可见缩略图或完整视图，但**原生不提供宽高像素、DPI、文件大小等元数据**。这不是配置问题，是功能缺失——你没漏装插件，也没写错设置。
用命令面板快速调出图片预览（无需插件）
默认双击图片即可触发预览，但容易误点进编辑器文本模式（尤其当文件关联被改过）。更稳的方式是：
- 右键图片文件 → 选择
Open Preview - 或选中文件后按
Ctrl+K V（Windows/Linux） /Cmd+K V（macOS） - 预览页签标题会显示文件名和格式，如
photo.jpg (Preview)
注意：如果看到的是乱码或“无法预览二进制文件”，说明当前文件未被识别为图像类型，可能因扩展名错误（如 .jfif 未注册）或文件头损坏。
查看尺寸需借助插件或终端命令
要获取真实像素尺寸，两个轻量方案：
-
推荐插件
Image Preview：安装后悬停图片标签页，底部状态栏实时显示1920×1080；右键预览窗口还能复制尺寸、导出 Base64 -
终端一行命令查尺寸：在 VSCode 集成终端中运行：
file path/to/image.jpg
（Linux/macOS）或identify -format "%wx%h" path\to\image.png
（需先装 ImageMagick）
别依赖 ls -lh 或资源管理器属性——它们只给文件大小，不是图像分辨率。
SVG 文件预览行为特殊，小心缩放失真
VSCode 对 .svg 的预览是渲染成位图（非矢量），默认按容器缩放，可能模糊或裁剪。若需精确查看结构或尺寸：
- 右键 →
Open Preview to the Side，再手动调整预览窗宽度 - 或直接用
Ctrl+Shift+P打开命令面板，输入XML Tools: Format XML（需装XML Tools插件），可读取<svg width="..." height="..."></svg>原始声明 - 注意：内联
<svg></svg>标签嵌在 HTML 中时，VSCode 不会自动预览，必须单独保存为 .svg 文件
真正麻烦的是带 JS 动态生成尺寸的 SVG——VSCode 预览完全不执行脚本，此时只能靠浏览器调试。
