SVG Screenshot

Take scalable, semantic, accessible screenshots, in SVG format.
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.

Extension stats

Users: 7,000+
Rating: 4.38 (26)
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

Other platforms

SVG Screenshot (v0.11.6)
4.00 (9) 613
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.

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

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
  • Works out of the box and produces results close to the original.
  • Screenshot in SVG format is very useful with scalable texts and clickable links.
  • Amazing extension that is capable of capturing root pages accurately.
Cons
  • Fonts are often saved incorrectly.
  • Fails to capture certain elements like dropdown menus and modal components.
  • Produces large SVG files with unnecessary attributes.
  • Many sites result in an error mentioning '<image> element must have ID'.
  • Does not capture images, and links behave just as normal text.
Most mentioned
  • Fonts are saved wrongly.
  • Does not capture dropdown menus.
  • Many sites result in an error mentioning '<image> element must have ID'.
Recent reviews
by Amin Moghoomi, 2024-09-10

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 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, 2023-11-30
View all user reviews

Extension safety

Risk impact

SVG Screenshot requires a few sensitive permissions. Exercise caution 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: