# 图片源地址提取器

从HTML源代码中提取图片URL（src属性）。支持懒加载图片和srcset属性。

> 标准页面: https://elysiatools.com/zh/tools/image-source-extractor

- **分类:** Text Processing

- **关键词:** 图片, img, 提取, html, src, url, 解析器, dom, 网站, 抓取

## 概述

图片源地址提取器是一款高效的网页解析工具，能够从复杂的HTML源代码中快速抓取所有图片URL。它不仅支持标准的src属性，还能智能识别并提取用于懒加载的data-src属性以及响应式图片srcset属性，帮助用户轻松获取网页资源列表。

## 输入项

- **HTML源代码** (textarea): 在此粘贴您的HTML源代码以提取图片URL...
- **包含data-src属性** (checkbox): 同时也从data-src属性提取（懒加载图片）
- **包含srcset属性** (checkbox): 同时也从srcset属性提取（响应式图片）
- **去重** (checkbox): 从结果中删除重复的图片URL
- **排序方式** (select): 选择如何排序提取的图片URL

## 适用场景

- 需要从网页源代码中批量获取所有图片链接进行备份或分析时。
- 在处理包含懒加载（Lazy Loading）或响应式图片的复杂网页时。
- 需要整理网页素材并剔除重复图片地址以进行后续开发或设计工作时。

## 工作原理

- 将目标网页的HTML源代码粘贴到输入框中。
- 根据需求勾选“包含data-src”或“包含srcset”选项，以捕获更多类型的图片链接。
- 选择是否开启“去重”功能以及排序方式，点击执行即可获得清晰的URL列表。

## 使用案例

- 网页设计师快速收集特定页面的所有图片资源进行素材整理。
- 前端开发人员在调试网页图片加载逻辑时，快速核对图片路径是否正确。
- SEO优化人员通过提取图片链接，检查网页图片是否配置了正确的资源路径。

## 常见问题

### 该工具支持提取哪些属性的图片链接？

默认提取标准的src属性，同时支持勾选提取data-src（懒加载）和srcset（响应式）属性。

### 提取结果是否会自动去重？

是的，工具内置了去重选项，开启后会自动删除重复的图片URL，确保结果列表的唯一性。

### 我可以对提取出的URL进行排序吗？

可以，您可以选择“不排序”以保持原始顺序，或选择“字母顺序”进行A-Z排列。

### 该工具是否需要联网才能运行？

不需要，该工具在本地处理您粘贴的HTML代码，不会向服务器发送任何请求，确保数据隐私。

### 如果HTML代码非常长，处理会有性能限制吗？

该工具针对文本处理进行了优化，能够高效处理常见的网页源代码片段，但建议避免一次性粘贴过大的完整网页文档。

## 相关工具

- [HTML标签清除](https://elysiatools.com/zh/tools/new-html-tag-stripper): 从HTML代码中移除标签并提取纯文本内容
- [批量邮箱提取器](https://elysiatools.com/zh/tools/bulk-email-extractor): 从输入文本、文章、网页源码或混合内容中提取所有邮箱地址。支持去重和导出为JSON格式。
- [HTML转Markdown转换器](https://elysiatools.com/zh/tools/html-to-markdown): 将HTML内容转换为Markdown格式，支持自定义转换选项
- [HTML表格转CSV](https://elysiatools.com/zh/tools/html-table-to-csv): 提取HTML表格数据并转换为CSV格式
- [批量URL/链接提取器](https://elysiatools.com/zh/tools/bulk-url-extractor): 从文本中提取所有HTTP/HTTPS链接，支持去重和导出功能
- [汉字提取器](https://elysiatools.com/zh/tools/chinese-character-extractor): 从文本中提取所有中文字符，过滤掉标点符号、英文字母、数字和非中文符号
- [话题标签和提及提取器](https://elysiatools.com/zh/tools/hashtag-mention-extractor): 从社交媒体文本（如Twitter、Instagram等）中提取话题标签（#话题）和用户提及（@用户名）。
- [IP地址提取器](https://elysiatools.com/zh/tools/ip-address-extractor): 从日志文件、服务器日志、网络跟踪或任何文本内容中提取IPv4和IPv6地址

## 示例

- [Docker镜像标签示例](https://elysiatools.com/zh/samples/docker-image-tag): 各种Docker镜像引用集合，包含不同的registry、repository、tag和digest
- [包含图片的HTML示例](https://elysiatools.com/zh/samples/html-with-images): 包含图片的HTML源代码示例，用于测试提取
- [变更日志提取器样本](https://elysiatools.com/zh/samples/changelog-extractor): 用于测试变更日志解析和提取工具的各种变更日志格式
- [手机号提取器示例](https://elysiatools.com/zh/samples/phone-number-extractor): 包含来自多个国家的电话号码的混合文本集合，用于提取测试

## 相关内容

- [HTML 内容提取、清理与交付工作流](https://elysiatools.com/zh/hubs/html-content-extraction-cleanup-and-delivery): 从 HTML 中提取链接、图片、属性和表格，去掉无关标记，并交付经过核对的 Markdown、PDF 或 CSV 输出。
- [网页源码复用与发布前审计](https://elysiatools.com/zh/hubs/web-source-link-and-metadata-audits): 在复用、迁移或发布前提取源码证据，检查链接与资源，分析元数据和查询串，并复核 RSS/Atom 与 robots.txt。
- [HTML 邮件审稿与 PDF 交付](https://elysiatools.com/zh/hubs/html-convert): 检查 HTML 邮件元标签、关键属性和图片引用，在需要时生成便于审稿的简化副本，并输出可分享的 PDF 校样。
- [从文本、HTML、Markdown 与日志提取结构化信号](https://elysiatools.com/zh/hubs/text-extract): 用清晰的提取路径，把混合文本中的链接、属性、日期、日志字段和敏感匹配结果整理成可复核的数据。