SVG Screenshot
Extension Actions
CRX ID
nfakpcpmhhilkdpphcjgnokknpbpdllg
Description from extension meta
Take scalable, semantic, accessible screenshots, in SVG format.
Image from store
Description from store
SVG screenshots offer various benefits over normal PNG screenshots, while keeping the good parts:
🖼 Flexible: Freely select the region of the website you want to capture or capture the whole page.
💢 Scalable graphics: Screenshots never get pixelated when zooming in.
📝 Semantic: Text can still be selected and copied to clipboard.
🦻 Accessible: SVG is annotated with ARIA attributes and can be read by screen readers.
🖥 Paste into design tools: SVGs will work in design tools like Illustrator, Figma, Sketch etc.
🔗 Interactive: Links are still clickable.
📦 Self-contained: Inlines external resources like images, fonts, etc.
📸 Static: Styles and layout are recorded at the time of snapshot and will not change.
🗜 Small: Depending on the content, SVGs can be magnitudes smaller than PNGs and compress loslessly.
🛡 Secure: The SVG will not contain any JavaScript.
Latest reviews
- Capitolio
- easy to use and does a great job
- Vv Avenger
- Words can not express how impressed I am with this extension, so useful and I'm already imagining how easy it will make my life... This thing might even solve world hunger
- Shyam Suthar
- Awesome tool. Does the required normal things. Features that can be part of the same are: > Font Support : Generally exports the svg with the available fonts within the tool, for now using workarounds for the same but it would be nice to have fonts support. > Framework Component Support : Fails to export many of the components with their exact functionality, one for example is Badge component (available in many frameworks).
- Timothy Bell
- This is a great tool. For some reason checkboxes don't print properly. But other than that, great for my d3.js prints. Thx !
- D D
- It's okayish but doesn't capture everything correctly and is incapable of capturing modal elements.
- Daniel
- Fonts are saved wrongly. Tried to take a screenshot of the macOS Sonoma site (https://www.apple.com/macos/sonoma-preview/) and it saved it in a different font. How to get around this?
- D
- Fonts are saved wrongly. Tried to take a screenshot of the macOS Sonoma site (https://www.apple.com/macos/sonoma-preview/) and it saved it in a different font. How to get around this?
- Morteza Razavi (SMR)
- The concept is excellent, but the execution falls short; it could be so much better. For one test, I received a 400KB svg output, which wasn't too bad. However, there are several garbage attributes in svg that have no influence on svg output. I was able to decrease a 400KB svg file to a 1KB svg file by using the svgo tool and manually removing attributes. I'm hoping you can also work on optimization. Thank you once more.
- Morteza Razavi (SMR)
- The concept is excellent, but the execution falls short; it could be so much better. For one test, I received a 400KB svg output, which wasn't too bad. However, there are several garbage attributes in svg that have no influence on svg output. I was able to decrease a 400KB svg file to a 1KB svg file by using the svgo tool and manually removing attributes. I'm hoping you can also work on optimization. Thank you once more.
- Nick Jameson
- OMG, blew my mind. Worked on localhost and with a screen selection. Does not capture dropdown menus for me, but does the root page exactly!
- Nick Jameson
- OMG, blew my mind. Worked on localhost and with a screen selection. Does not capture dropdown menus for me, but does the root page exactly!
- Ruben
- Perfect tool when it worked, sadly not working any longer.
- Ruben
- Perfect tool when it worked, sadly not working any longer.
- Juan Alvarez
- Amazing extension!
- Juan Alvarez
- Amazing extension!
- Takashi SASAKI (佐々木隆志)
- Screenshot in SVG format is very useful. Texts are scalable and links are clickable. I hope I could do it by Headless Chromium...
- Takashi SASAKI (佐々木隆志)
- Screenshot in SVG format is very useful. Texts are scalable and links are clickable. I hope I could do it by Headless Chromium...
- Roland Illig
- Works out of the box and the result is impressingly close to the original. On Stack Overflow, a few of the colored rectangles and rounded corners are wrong, but other than that, it looks really good.
- Roland Illig
- Works out of the box and the result is impressingly close to the original. On Stack Overflow, a few of the colored rectangles and rounded corners are wrong, but other than that, it looks really good.
- cristian herrera
- Does what I need it to do.
- cristian herrera
- Does what I need it to do.
- Manya Manjunatha
- its working perfectly
- Manya Manjunatha
- its working perfectly
- Ivan Pantić
- Very nice extension that produces workable, although not perfect results. Example of the thing that isn't working: CSS triangles.
- Ivan Pantić
- Very nice extension that produces workable, although not perfect results. Example of the thing that isn't working: CSS triangles.
- Đào Trần Thị
- Really very bad, this utility can only be used once or twice and it fails to use it anymore. Most sites result in an error mentioning "<image> element must have ID"
- Đào Trần Thị
- Really very bad, this utility can only be used once or twice and it fails to use it anymore. Most sites result in an error mentioning "<image> element must have ID"
- Stephan Meijer
- Some sites work, but most sites result in an error mentioning "<image> element must have ID"
- Stephan Meijer
- Some sites work, but most sites result in an error mentioning "<image> element must have ID"
- Kashif Rafi
- does not capture images, links are not working (behaving just as normal text)
- Kashif Rafi
- does not capture images, links are not working (behaving just as normal text)
- Michael Field
- Amazing, original effort. Just for that it deserves not 5 but 10 stars!
- Michael Field
- Amazing, original effort. Just for that it deserves not 5 but 10 stars!
- Andreas Madsen
- It is what I've been missing for years. <3
- Andreas Madsen
- It is what I've been missing for years. <3
- Juliana Peña
- Great for taking scalable, accessible screenshots to include in a PowerPoint presentation or Word doc, as both of those support SVG images. Sadly a lot of apps still don't support SVG, but I hope the adoption increases with time.
- Juliana Peña
- Great for taking scalable, accessible screenshots to include in a PowerPoint presentation or Word doc, as both of those support SVG images. Sadly a lot of apps still don't support SVG, but I hope the adoption increases with time.