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.

Download

Stats

By: felixfbecker

View on Chrome Web Store

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

Email: fe*****@outlook.com

Stats date:

Chrome-Stats Rank

# 12641 ▲ 72

Other rankings

#11832 in Workflow & Planning ▲ 21

#14 in screenshots keyword 76 ▲ 2

#26 in screenshot keyword 80

#48 in contain keyword 12 ▼ 2

#60 in full page screenshot keyword 71 ▲ 2

Upgrade to see more rankings

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.

Summary

Analyze keywords

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).

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 !

Timothy Bell, 2023-11-30

It's okayish but doesn't capture everything correctly and is incapable of capturing modal elements.

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.