SVG Screenshot

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

SVG Screenshot - Scalable, Semantic & Accessible Screenshots

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

Users: 7,000+

Rating: 4.30

(27)

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

# 12,262 ▲ 81

Other rankings

#11590 in Workflow & Planning ▲ 24

#43 in contain keyword 8 ▲ 3

#55 in full page screenshot keyword 71 ▼ 1

#93 in screen capture keyword 86 ▲ 1

#132 in full page keyword 66 ▲ 3

Upgrade to see more rankings

Other platforms

SVG Preview (v0.9)

4.29

(72) 8,454+

SVG Screenshot (v0.11.6)

4.00

(9) 644

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 outputs that are impressively close to the original.
Screenshot in SVG format is very useful, with scalable texts and clickable links.
Amazing extension for capturing elements accurately.
Produces workable results, despite not being perfect.

Cons

Fonts are saved incorrectly.
Fails to capture modal elements and some functional components, like dropdown menus.
Produces large SVG files with unnecessary attributes.
Frequent errors related to `<image>` elements requiring IDs.
Not all sites work, with some resulting in errors.

Most mentioned

Fonts are saved wrongly.
Fails to capture some components (e.g., checkboxes, dropdowns).
Large output size with unnecessary attributes.
Inconsistent performance across different sites.

User reviews

Один большой минус: тянет много лишнего - то что не в кадре, мета теги и т.п. В итоге файл огромный и либо вручную чистить, либо растровый скриншот делать. Minify SVG - не работает, просто зависает.

Yegar Noise, 2024-11-22

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