Sublime Text 无法自动提取页面图片地址,只能用正则匹配 标签中 src 属性的 URL;推荐使用 (?i)]+src\s*=\s*["']([^"'\s>]+?)["'][^>]*> 提取,并加 https?://|// 和图片后缀限制确保有效性。

Sublime Text 本身不提供「自动提取页面图片地址」功能,它没有内置的 HTML 解析器或网络请求能力;所谓“提取”,实际是靠正则表达式在源码文本中匹配 标签里的 src 属性值——本质是文本筛选,不是 DOM 抽取。
用正则匹配 
的完整 URL
直接搜索带协议的绝对路径(如 https://、http://、//)最稳妥,避免误抓相对路径或 JS 变量。推荐正则:
(?i)@@##@@]+src\s*=\s*[\"']([^\"'\s>]+?)[\"'][^>]*>
说明:
-
(?i)开启忽略大小写,匹配SRC或src -
[^>]+防止跨标签匹配,限定在单个内 -
src\s*=\s*容忍等号前后空格和换行 -
[\"']([^\"'\s>]+?)[\"']捕获引号内的非空、非引号、非空白、非>字符(即真正的 URL)
⚠️ 注意:src 值里含空格或未闭合引号时会失效——这不是正则问题,是 HTML 本身不规范。
只提取以 http 或 // 开头的有效图片地址
很多页面用相对路径(如 ./images/logo.png),这类地址无法直接访问,建议过滤掉。搜索时加前缀限制:
(?i)@@##@@]+src\s*=\s*[\"']((?:https?://|//)[^\"'\s>]+?\.(?:png|jpe?g|gif|webp|svg)[^\"'\s>]*?)[\"'][^>]*>
关键点:
-
(?:https?://|//)匹配http://、https://或协议相对 URL//example.com/xxx -
\.(?:png|jpe?g|gif|webp|svg)强制结尾为常见图片后缀(jpe?g覆盖jpg和jpeg) - 末尾
[^\"'\s>]*?允许 URL 含查询参数(如?v=1)但不吞掉引号
如果页面混用大小写后缀(如 .JPG),把后缀列表改成 (?:png|jpe?g|gif|webp|svg) 并保留 (?i) 即可。
批量提取后快速去重并复制到剪贴板
Sublime 不支持一键导出匹配结果,但可通过以下流程提速:
- 按
Ctrl+H(Windows/Linux)或Cmd+H(macOS)打开替换面板,勾选Regular Expression和Match Case(除非你关了(?i)) - 在
Find What粘贴上面任一正则,在Replace With填$1(引用第一个捕获组) - 点
Replace All—— 所有匹配的 URL 会替换原标签,留下纯地址行 -
Ctrl+A全选 →Ctrl+Shift+P→ 输入Copy→ 选Copy命令(或直接右键复制)
⚠️ 风险:如果原始文件不能改,务必先 Save As 备份副本再操作;替换不可逆,且 $1 在无捕获组时为空,会删掉整行。
真正难的不是写正则,而是处理 srcset、data-src、背景图 CSS、Base64 内联图这些「非标准 src」场景——它们需要不同正则甚至外部工具解析。Sublime 只负责文本,别指望它理解语义。










