🖼️ 网页图片提取

粘贴网页 HTML 解析整页图片链接 · img / srcset 高清源 / OG 封面 · 一键复制 · 类型筛选

📥 输入与设置
张/上限
粘贴网页 HTML 源码后点击「提取图片」
🖼️ 提取结果
🖼️
粘贴网页 HTML 后点击「提取图片」，将列出页面中的所有图片链接
点击缩略图可跳转到原图查看；每张卡片可单独复制链接。
💡 如何获取网页 HTML 源码
  1. 打开目标网页，按下 F12（Mac 为 Cmd+Option+I）打开开发者工具，切到 Elements 面板
  2. 右键顶部的 <html> 标签，选择 Copy → Copy outerHTML，然后粘贴到左侧「网页 HTML 源码」输入框
  3. 快捷方式：也可按下 Ctrl+U（Mac 为 Cmd+U）直接查看源代码，全选复制后粘贴
等待提取...
ℹ️ 关于网页图片提取

什么是网页图片提取？

网页图片提取是从网页源码中批量解析出所有图片地址的操作，广泛用于素材收集、图片批量下载、查看页面用图资源以及制作行业清单。本工具无需安装任何软件，粘贴网页 HTML 源码即可在浏览器本地解析出整页图片链接，覆盖 img 标签、srcset 高清源、picture 与 OG 社交封面。

主要功能

  • 粘贴解析：粘贴网页 HTML 源码即可解析出页面所有图片链接，无需上传文件。
  • 覆盖全面：识别 img、srcset 高清源、picture、link preload 及 og:image 社交封面。
  • 相对地址补全：填写源网页网址 URL 后，可自动把相对图片路径补全为完整可访问的地址。
  • 批量复制与筛选：一键复制全部图片链接，并按 JPG / PNG / WebP / GIF / SVG 类型筛选查看。
  • 本地处理零上传：所有解析都在浏览器本地完成，网页源码与图片不会离开本机。

使用方法

先在目标网页按 F12 打开开发者工具，复制整页 HTML 源码并粘贴到本工具的输入框；若网页图片使用相对路径，可在「网页网址 URL」中填写源网页地址以便自动补全。点击「提取图片」后，结果区将列出所有图片缩略图，点击可查看原图，也可一键复制全部链接或按图片格式筛选。全部处理均在本地完成，无需上传任何数据。

常见问题

Q：为什么有些图片显示为灰色？
A：灰色表示该图片地址在当前网络无法访问，可能是防盗链、链接失效或因原站限制。填写源网页网址可帮助补全相对地址。

Q：网页源码会不会被上传？
A：不会。所有解析都在浏览器本地完成，您的网页源码与图片不会上传到任何服务器。

Q：如何提取 srcset 高清图而不仅是缩略图？
A：勾选「收集 srcset / picture 高清源」选项即可，本工具会解析 srcset 中所有候选地址。