Features take one thing
Download every image and SVG from a web page
I Images and SVGs in the toolbar, free with no account
Everything the page loads, in one grid: images, inline SVG, CSS backgrounds, masks and video posters. Filter it, select what you want, and take it as a single zip.
What you get
- Backgrounds and masks too
- Not just
<img>tags. A CSS background is an asset the page loads and it is listed with the rest. - Largest first
- With the rendered size beside the source size, so anything served at more than twice its displayed size is obvious.
- Filter by format and size
- AVIF, WebP, PNG, JPEG, SVG, and large, medium or small.
- One zip, packed locally
- The archive is built in your browser. Nothing is uploaded to anyone.
- Inline SVG, serialised
- An SVG written into the markup is not a file, so it is serialised into one for you.
How Verbatim does it
Four sources are collected and merged: img elements read through currentSrc, so a responsive image gives the variant actually loaded; inline SVG serialised from the DOM; CSS backgrounds and masks pulled out of the computed values; and video posters. Lazy-loading placeholders are promoted to the real URL rather than saved as a grey pixel. The zip is built in your browser, so nothing is uploaded to make it.
How to use it
- Press Alt+Shift+P, then I.
- Filter and click to select. Copy the URLs, or download the selection as a zip.
What it will not do
- Images belong to whoever made them. This finds and fetches what your browser already fetched; what you may do with it is a separate question.
- Assets that only load after a scroll or an interaction appear once they have loaded.
Compared with right-click, save image, one at a time
Saving by hand misses three of the four places images live. A CSS background is not an image you can right-click. An inline SVG is markup, not a file. A responsive srcset gives you whichever variant the menu decides to save rather than the one the page loaded. And a lazy loader hands you a grey placeholder, because that is genuinely what the src attribute contains at that moment.
This collects all four: img elements read through currentSrc so you get the variant actually loaded, inline SVG serialised from the DOM, CSS backgrounds and masks pulled out of the computed values, and video posters. Placeholders are promoted to the real URL. The zip is built in your browser, so nothing is uploaded to make it.
When to use this one
Use Images and SVGs when you want the assets. Use Screenshot when you want a picture of something that is not an asset at all, and Save page HTML when you want the page and its assets together as one file.
Questions about Images and SVGs
Does it find CSS background images?
Yes, along with masks and video posters, which is most of what a manual save misses. Backgrounds are read out of the computed values rather than the stylesheet, so shorthand and var() cases still resolve.
Can it download inline SVGs?
Yes. Inline SVG is markup rather than a file, so it is serialised from the DOM into a standalone .svg, which is why icons that have no file on the server still come out.
Does it get the full-size image or the thumbnail?
The variant the page actually loaded, read through currentSrc, so a responsive image gives you what your viewport received. The list is ordered largest first, so the heaviest assets are at the top.
Where does the zip get built?
In your browser. Nothing is uploaded to a server to make it, which is also why it works on a page behind a login.
Why are some images missing?
Anything that has not loaded yet has nothing to collect. Scroll the page behind the window and reopen it, and the late arrivals are picked up.
Already have it? The first thirty seconds covers the shortcut, all thirteen keys and what to do if something does not work.