VSCode远程环境下图片不预览是因未加载图像渲染模块，需在远程端安装file工具和vscode-image-preview插件，并确认devicePixelRatio适配。
VSCode 本地能预览的图片，在远程 SSH 或 WSL 环境下默认不显示缩略图，也不支持直接缩放——这不是你配置错了，是它压根没加载图像渲染模块。
为什么远程连接后双击图片只显示二进制内容
VSCode 远程扩展（如 Remote-SSH、Remote-WSL）默认将文件以“原始字节流”方式传输到本地渲染，但 Image Preview 模块依赖服务端解析图像头信息（如 PNG 的 IHDR、JPEG 的 SOF0），而远程场景下该逻辑被禁用或降级为纯文本打开。常见表现包括：
- 双击
icon.png后编辑器里全是乱码或十六进制内容 - 资源管理器中图片图标旁没有小预览缩略图
- 右键菜单里没有
Preview Image选项 -
Ctrl+Shift+P输入Image Preview: Open Preview命令灰显不可用
启用远程图片预览的两个可靠路径
必须在远程工作区（即 SSH/WSL 端）安装并激活图像处理能力，不能只在本地装插件：
- 在远程终端（
Ctrl+`）运行：file image.jpg—— 若提示command not found，说明基础工具缺失，需先执行sudo apt install file（Ubuntu/Debian）或sudo yum install file（CentOS/RHEL） - 在远程 VSCode 扩展市场中搜索并安装
vscode-image-preview（作者 yudai），注意不是 kisstkondoros 那个同名插件——后者依赖本地 WebView，远程无效 - 安装后无需重启，直接在资源管理器右键图片 → 选择
Open Preview，即可看到带Width × Height和File size的顶部标题栏
缩放操作在远程预览中是否可用
可以，但行为受限于远程端 WebView 的渲染能力：
- 按住
Ctrl+ 滚动鼠标滚轮：有效，但仅对当前预览窗口生效，不影响其他标签页 - 快捷键
Ctrl+=/Ctrl+-：无效，这是编辑器字体缩放，不作用于图片预览 - 预览窗口右上角的
+/-按钮：有效，由vscode-image-preview插件提供，会实时重绘 - 拖拽缩放（按住空格+拖动）：不支持，该插件未实现画布平移
注意：editor.mouseWheelZoom 设置对远程图片预览无影响，它只控制代码编辑区字体；真正起作用的是插件内置的缩放逻辑。
大图卡顿或模糊时优先检查 devicePixelRatio
远程预览使用 Chromium 渲染，若你在高 DPI 屏幕（如 4K 笔记本）上看到图片发虚、边缘锯齿或缩放迟滞，大概率是远程端未正确识别设备像素比：
- 在远程 VSCode 中按
Ctrl+Shift+P→ 输入Developer: Toggle Developer Tools，切换到 Console 标签页 - 执行：
console.log(window.devicePixelRatio)—— 正常应返回2（Retina）或1.5（部分 Windows 缩放），若返回1，说明缩放补偿失效 - 临时修复：在远程终端启动 VSCode 时加参数：
code --force-device-scale-factor=2
这个值必须和你的系统实际缩放比例一致，设错会导致所有 UI 元素（不只是图片）异常放大或挤压。
