HTML Resource Extractor
Paste HTML source or upload an HTML file to extract images, links, scripts, stylesheets, icons, media, and resource hints locally.
Summary
Resources
0 selected
Linkslink[href] / canonical
https://example.com/guides/pageSource: /guides/page
Linkslink[href] / alternate
https://example.com/es/guias/pageSource: /es/guias/page
Styleslink[href] / stylesheet
https://example.com/assets/site.cssSource: /assets/site.css
Iconslink[href] / icon
https://example.com/favicon.icoSource: /favicon.ico
Iconslink[href] / manifest
https://example.com/site.webmanifestSource: /site.webmanifest
Hintslink[href] / preload
https://example.com/fonts/inter.woff2Source: /fonts/inter.woff2
Imagesmeta[content] / og:image
https://example.com/share.pngSource: /share.png
Scriptsscript[src] / external
https://example.com/assets/app.jsSource: /assets/app.js
Linksa[href] / anchor
https://example.com/aboutSource: /about
Imagesimg[src] / standard
https://example.com/images/hero.jpgSource: /images/hero.jpg
Imagesimg[srcset] / srcset
https://example.com/images/hero-640.jpgSource: /images/hero-640.jpg
Imagesimg[srcset] / srcset
https://cdn.example.net/hero-1280.jpgMediavideo[src] / video
https://example.com/media/demo.mp4Source: /media/demo.mp4
Mediavideo[poster] / poster
https://example.com/media/poster.jpgSource: /media/poster.jpg
How to use
- 1Add the input or options you want to process with HTML Resource Extractor.
- 2Check the range, format, quality, or sorting option that controls the result.
- 3Compare the preview or computed output with the source input.
- 4Copy or download the result, then clear sensitive input when finished.