Elysia Tools
导航
Text Processing
从HTML源代码中提取图片URL（src属性）。支持懒加载图片和srcset属性。
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
图片源地址提取器是一款高效的网页解析工具，能够从复杂的HTML源代码中快速抓取所有图片URL。它不仅支持标准的src属性，还能智能识别并提取用于懒加载的data-src属性以及响应式图片srcset属性，帮助用户轻松获取网页资源列表。
背景
运营人员需要将某商品详情页的所有展示图提取出来，用于制作推广海报，但页面图片较多且包含懒加载。
问题
手动右键保存图片效率极低，且难以获取所有图片地址。
如何使用
将商品详情页的HTML源码粘贴至工具，勾选“包含data-src”选项，点击提取。
includeDataSrc: true, uniqueOnly: true, sortBy: 'alphabetical'结果
获得了一份包含所有商品图片URL的去重列表，可直接批量下载。
背景
工程师需要检查网站首页是否正确配置了不同分辨率下的srcset图片资源。
问题
直接查看源代码难以直观对比所有响应式图片的路径。
如何使用
粘贴首页HTML源码，勾选“包含srcset”选项，执行提取。
includeSrcSet: true, uniqueOnly: true, sortBy: 'none'结果
快速导出了所有srcset属性中的图片链接，方便进行资源路径的核对与审计。
默认提取标准的src属性，同时支持勾选提取data-src（懒加载）和srcset（响应式）属性。
是的，工具内置了去重选项，开启后会自动删除重复的图片URL，确保结果列表的唯一性。
可以，您可以选择“不排序”以保持原始顺序，或选择“字母顺序”进行A-Z排列。
不需要，该工具在本地处理您粘贴的HTML代码，不会向服务器发送任何请求，确保数据隐私。
该工具针对文本处理进行了优化，能够高效处理常见的网页源代码片段，但建议避免一次性粘贴过大的完整网页文档。