phpstorm 不支持 vscode 风格的图片路径悬停/侧边栏预览，因其插件机制与语义解析能力不同；仅支持双击项目内真实图片文件用内置查看器打开，或通过浏览器运行 html 实现渲染预览。
PhpStorm 没有内置的 Image Preview 功能——它不提供类似 VSCode 的 Image Preview 插件那样的路径悬停/侧边栏图片预览能力。这是关键前提，别在设置里白找“Enable image preview”开关。
为什么 PhpStorm 里找不到 Image Preview 插件
VSCode 的 Image Preview 是第三方扩展，依赖其开放的插件 API 和编辑器 DOM 注入机制；PhpStorm（基于 IntelliJ 平台）的插件生态完全不同，官方未提供、主流社区也未实现功能对等的图片路径实时预览插件。
- 你在 PhpStorm 插件市场搜
Image Preview，结果全是误标或功能不符的（比如只支持图标字体渲染） - IntelliJ 平台对文件路径字符串的语义解析较弱，无法像 VSCode 那样精准捕获
./assets/icon.png并触发 hover 渲染 - 即使手动安装 VSCode 版插件的 .vsix 文件，也会因平台不兼容直接失败
PhpStorm 中真正可用的图片预览方式
不是靠悬停或侧边栏，而是通过「资源管理器双击打开」+「内置图片查看器」组合实现，且仅限本地文件系统中真实存在的图片：
- 确保图片已存在于项目目录下（如
src/images/logo.svg），且未被.gitignore或 IDE 排除 - 在 Project 工具窗口（Alt+1）中找到该图片 → 双击 → PhpStorm 会用内置查看器打开（支持缩放、旋转、EXIF 查看）
- 如果双击没反应，检查
Settings > Editor > File Types中，该后缀（如.png）是否被错误映射到「Text」类型；应属于Image类型 - 不支持 Markdown/HTML 中
的路径跳转预览——光标停在路径上按Ctrl+Click会报 “Cannot find declaration”
替代方案：用浏览器预览 HTML/CSS 中的图片
如果你的目标是验证网页中图片能否正常加载，PhpStorm 提供的是「运行时预览」而非「编辑时预览」：
- 右键点击 HTML 文件 →
Open in Browser（需先在Settings > Tools > Web Browsers配置好 Chrome/Firefox 路径） - 修改图片路径后，可启用
Settings > Tools > Browser Live Preview，勾选Reload page on changes实现保存即刷新 - 注意：此方式预览的是最终渲染效果，但无法替代编辑器内快速确认路径是否拼错或文件是否存在
最易被忽略的一点：PhpStorm 的「Preview」标签页（如打开 CSS 文件时右侧出现的样式预览）只渲染样式规则，完全不解析 url() 中的图片路径——哪怕路径正确，那里也永远是空白。
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
