SVG Screenshot

SVG Screenshot

Take scalable, semantic, accessible screenshots, in SVG format.

SVG Screenshot
What is SVG Screenshot?
SVG Screenshot is a Chrome extension that offers scalable, semantic, and accessible screenshots. Capture any region of a webpage or the entire page in an SVG format that remains sharp regardless of zoom level. The screenshots retain text selection, interactivity of links, screen-readability, and are self-contained with external resources like images and fonts. This makes them ideal for usage in design tools, accessible to screen readers, and secure without any JavaScript.
Stats
Users: 6,000+
Rating: 4.36 (25)
Version: 0.11.5 (Last updated: 2021-05-24)
Creation date: 2020-10-26
Risk impact: Moderate risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Permissions:
  • activeTab
  • <all_urls>
  • storage
Size: 523.26K
Stats date:

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension
Summary

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.

User reviews
User reviews summary
These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • The extension allows for scalable and clickable text in screenshots.
  • Works impressively close to the original page and even on localhost.
  • Screenshots are accessible and scalable, which is useful for presentations or documents.
Cons
  • Does not correctly capture certain elements, such as checkboxes, modal elements, font styles, and CSS triangles.
  • Users report errors like 'element must have ID' which prevents the usage of the tool on some sites.
  • Some users experience the tool not working after one or two uses.
Most mentioned
  • Issues with capturing and exporting fonts correctly.
  • Exported SVG files contain unnecessary or 'garbage' attributes, leading to potentially large file sizes.
  • Cannot capture dynamic elements accurately, like dropdown menus or certain framework components.
Recent reviews
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).
by Shyam Sunder Suthar Shyam Sunder Suthar, 2024-01-27

This is a great tool. For some reason checkboxes don't print properly. But other than that, great for my d3.js prints. Thx !
by Timothy Bell Timothy Bell, 2023-11-30

It's okayish but doesn't capture everything correctly and is incapable of capturing modal elements.
by D D D D, 2023-11-03
View all user reviews
Safety
Risk impact

SVG Screenshot may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.

Risk likelihood

SVG Screenshot has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details
Promo images
SVG Screenshot small promo image
Small promo image
Similar extensions

Here are some Chrome extensions that are similar to SVG Screenshot: