SVG Screenshot
Item media 1 screenshot

Overview

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.

4.4 out of 525 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Shyam Sunder SutharJan 27, 2024

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

Review's profile picture

Timothy BellNov 30, 2023

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

Review's profile picture

D DNov 3, 2023

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

Details

  • Version
    0.11.5
  • Updated
    May 23, 2021
  • Offered by
    felixfbecker
  • Size
    511KiB
  • Languages
    English
  • Developer
    Email
    felix.b@outlook.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Hoverify

4.1(119)

All-in-one browser extension to improve your web dev experience.

VisBug

4.8(225)

Open source browser design tools

SVG Gobbler

4.5(53)

Find, optimize, organize, edit, and export your SVGs

Export SVG with Style

3.2(41)

Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.

SVG Screenshot

3.5(4)

Create scalable screenshots.

CSS Used

4.6(175)

Get all css rules used by the selected DOM and its descendants.

SVG Export

4.4(183)

Download SVGs from websites as SVGs, PNGs or JPEGs

Shotmockr: Design Mockups, Screen Recorder

5.0(1)

Take screenshots, turn images into real-life design mockups without Photoshop or Behance.

Placeholdifier

4.8(4)

Turn any website into a live wireframe

HTML to Figma - by Builder.io

4.4(45)

Import a web page to Figma layers

Image Vectorizer (Convert to SVG)

5.0(2)

Easily vectorize an image (convert to SVG) in your browser!

Refined GitHub

4.8(179)

Simplifies the GitHub interface and adds useful features

Hoverify

4.1(119)

All-in-one browser extension to improve your web dev experience.

VisBug

4.8(225)

Open source browser design tools

SVG Gobbler

4.5(53)

Find, optimize, organize, edit, and export your SVGs

Export SVG with Style

3.2(41)

Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.

SVG Screenshot

3.5(4)

Create scalable screenshots.

CSS Used

4.6(175)

Get all css rules used by the selected DOM and its descendants.

SVG Export

4.4(183)

Download SVGs from websites as SVGs, PNGs or JPEGs

Shotmockr: Design Mockups, Screen Recorder

5.0(1)

Take screenshots, turn images into real-life design mockups without Photoshop or Behance.

Google apps