What is SVG Screenshot?

SVG Screenshot is a Chrome extension developed by felixfbecker, and its main feature is "Take scalable, semantic, accessible screenshots, in SVG format.".

Extension Screenshots

Download SVG Screenshot Extension CRX File

Download SVG Screenshot extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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.

Extension Basic Information

Name	SVG Screenshot
ID	nfakpcpmhhilkdpphcjgnokknpbpdllg
Official URL	https://chromewebstore.google.com/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg
Description	Take scalable, semantic, accessible screenshots, in SVG format.
File Size	511 KB
Installation Count	6,291
Current Version	0.11.5
Last Updated	2021-05-24
Publish Date	2020-10-26
Rating	4.36/5 Total 25 Ratings
Developer	felixfbecker
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/felixfbecker/svg-screenshots
Help Page URL	https://github.com/felixfbecker/svg-screenshots/issues
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "SVG Screenshot", "description": "Take scalable, semantic, accessible screenshots, in SVG format.", "version": "0.11.5", "permissions": [ "activeTab", "", "storage" ], "icons": { "128": "images\/icon_128.png", "256": "images\/icon_256.png" }, "web_accessible_resources": [ "src\/content.js" ], "browser_action": { "default_popup": "src\/popup.html", "default_title": "Capture SVG screenshot", "default_icon": { "128": "images\/icon_128.png", "256": "images\/icon_256.png" } }, "background": { "scripts": [ "src\/background.js" ] }, "browser_specific_settings": { "gecko": { "id": "svg-screenshots@felixfbecker" } } }