{"id":13479214,"url":"https://github.com/felixfbecker/svg-screenshots","last_synced_at":"2025-04-15T00:50:08.234Z","repository":{"id":37035514,"uuid":"292809960","full_name":"felixfbecker/svg-screenshots","owner":"felixfbecker","description":"📸🧩 Browser extension to take scalable, semantic, accessible screenshots of websites in SVG format.","archived":false,"fork":false,"pushed_at":"2024-12-31T23:16:48.000Z","size":2696,"stargazers_count":866,"open_issues_count":37,"forks_count":38,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-04-15T00:49:58.937Z","etag":null,"topics":["accessible","browser-extension","chrome","chrome-extension","firefox-addon","semantic","svg"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/felixfbecker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-09-04T09:41:51.000Z","updated_at":"2025-04-14T00:41:45.000Z","dependencies_parsed_at":"2023-01-20T10:58:09.245Z","dependency_job_id":"46e45388-7daa-455d-b05c-62da107d155d","html_url":"https://github.com/felixfbecker/svg-screenshots","commit_stats":{"total_commits":160,"total_committers":3,"mean_commits":"53.333333333333336","dds":0.375,"last_synced_commit":"5682484e9747e0db4f63bcfe84695139fed292ef"},"previous_names":[],"tags_count":25,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felixfbecker%2Fsvg-screenshots","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felixfbecker%2Fsvg-screenshots/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felixfbecker%2Fsvg-screenshots/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felixfbecker%2Fsvg-screenshots/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/felixfbecker","download_url":"https://codeload.github.com/felixfbecker/svg-screenshots/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248986279,"owners_count":21194025,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessible","browser-extension","chrome","chrome-extension","firefox-addon","semantic","svg"],"created_at":"2024-07-31T16:02:11.578Z","updated_at":"2025-04-15T00:50:08.215Z","avatar_url":"https://github.com/felixfbecker.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cimg src=\"images/icon_256.png\" height=\"70px\" width=\"70px\" align=\"left\" alt=\"\" /\u003e\n\n# SVG Screenshots Browser Extension\n\n[![Chrome Web Store](https://img.shields.io/chrome-web-store/v/nfakpcpmhhilkdpphcjgnokknpbpdllg?logo=google-chrome\u0026logoColor=white)](https://chrome.google.com/webstore/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg)\n[![Firefox Add-on](https://img.shields.io/amo/v/svg-screenshots?logo=firefox\u0026logoColor=white\u0026label=firefox+add-on)](https://addons.mozilla.org/en-US/firefox/addon/svg-screenshots/)\n[![main build status](https://img.shields.io/github/actions/workflow/status/felixfbecker/svg-screenshots/build.yml?branch=main\u0026label=main\u0026logo=github)](https://github.com/felixfbecker/svg-screenshots/actions?query=branch%3Amain)\n[![release build status](https://img.shields.io/github/actions/workflow/status/felixfbecker/svg-screenshots/build.yml?branch=main\u0026label=release\u0026logo=github)](https://github.com/felixfbecker/svg-screenshots/actions/build.yml?query=branch%3Arelease)\n![license: MIT](https://img.shields.io/github/license/felixfbecker/dom-to-svg)\n[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)\n\nBrowser extension to take semantic, scalable, accessible screenshots of websites, as SVG - as simple as taking a PNG screenshot.\n\n## Why use this?\n\nSVG screenshots offer various benefits over normal PNG screenshots, while keeping the good parts:\n\n- **🖼 Flexible**: Freely select the region of the website you want to capture or capture the whole page.\n- **💢 Scalable graphics**: Screenshots never get pixelated when zooming in.\n- **📝 Semantic**: Text can still be selected and copied to clipboard.\n- **🦻 Accessible**: SVG is annotated with ARIA attributes and can be read by screen readers.\n- **🖥 Paste into design tools**: SVGs will work in design tools like Illustrator, Figma, Sketch etc.\n- **🔗 Interactive**: Links are still clickable.\n- **📦 Self-contained**: Inlines external resources like images, fonts, etc.\n- **📸 Static**: Styles and layout are recorded at the time of snapshot and will not change.\n- **🗜 Small**: Depending on the content, SVGs can be magnitudes smaller than PNGs and compress loslessly.\n- **🛡 Secure**: The SVG will not run any JavaScript.\n\n## Install\n\nInstall from the official extension stores:\n\n- [Chrome](https://chrome.google.com/webstore/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg)\n- [Firefox](https://addons.mozilla.org/en-US/firefox/addon/svg-screenshots/)\n\n## Examples\n\nThese full-page SVG screenshots were taken with the browser extension:\n\n![Google](examples/google.svg)\n\n![Hacker News](examples/hackernews.svg)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelixfbecker%2Fsvg-screenshots","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffelixfbecker%2Fsvg-screenshots","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelixfbecker%2Fsvg-screenshots/lists"}