SVG Screenshot

#4.36 / 25 rate

SVG Screenshot

6,000 users

2020-10-26

felixfbecker

Extension Information

5 star
58%
4 star
17%
3 star
19%
2 star
6%
1 star
0%

Supported Languages

Permissions

Description

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

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.

Reviews

Amin Moghoomi
Amin Moghoomi

Shyam Suthar
Shyam Suthar

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

Timothy Bell
Timothy Bell

This is a great tool. For some reason checkboxes don't print properly. But other than that, great for my d3.js prints. Thx !

Similar extensions

SVG Screenshot
SVG Screenshot

Saad

CSS Used
CSS Used

https://bobscript.com

SVG Export
SVG Export

https://svgexport.io

Photo to Vector Capture from VectorDad
Photo to Vector Capture from VectorDad

VectorDad

Placeholdifier
Placeholdifier

Rodrigo Pombo

HTML to Figma - by Builder.io
HTML to Figma - by Builder.io

https://builder.io

Image Vectorizer (Convert to SVG)
Image Vectorizer (Convert to SVG)

Keller

Refined GitHub
Refined GitHub

Sindre Sorhus

VisBug
VisBug

https://visbug.web.app

SVG Gobbler
SVG Gobbler

https://svggobbler.com

SVG downloader
SVG downloader

christianhappygo

Amino: Live CSS Editor
Amino: Live CSS Editor

https://aminoeditor.com