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

Extension stats

By: felixfbecker

View on Chrome Web Store

Users: 6,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

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

Ranking

# 12323 ▲ 12

Other rankings

#11612 in Workflow & Planning ▲ 21

#12 in screenshots keyword 76 ▲ 1

#24 in screenshot keyword 81

#40 in contain keyword 9

#57 in full page screenshot keyword 77 ▼ 7

Upgrade to see more rankings

Other platforms

SVG Screenshot (v0.11.6)

4.00

(9) 591

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

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

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

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