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.
Really very bad, this utility can only be used once or twice and it fails to use it anymore. Most sites result in an error mentioning ” element must have ID”
Some sites work, but most sites result in an error mentioning ” element must have ID”
does not capture images, links are not working (behaving just as normal text)
Amazing, original effort. Just for that it deserves not 5 but 10 stars!
It is what I’ve been missing for years. <3
Great for taking scalable, accessible screenshots to include in a PowerPoint presentation or Word doc, as both of those support SVG images. Sadly a lot of apps still don’t support SVG, but I hope the adoption increases with time.