SVG Screenshotとは何ですか？

SVG Screenshotはfelixfbeckerによって開発されたChromeの拡張機能で、その主な機能は「Take scalable, semantic, accessible screenshots, in SVG format.」です。

拡張機能のスクリーンショット

SVG Screenshot拡張機能のCRXファイルをダウンロード

SVG Screenshot拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

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.

拡張機能の基本情報

名前	SVG Screenshot
ID	nfakpcpmhhilkdpphcjgnokknpbpdllg
公式URL	https://chromewebstore.google.com/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg
説明	Take scalable, semantic, accessible screenshots, in SVG format.
ファイルサイズ	511 KB
インストール数	6,291
現在のバージョン	0.11.5
最終更新日	2021-05-24
公開日	2020-10-26
評価	4.36/5 合計 25 レビュー
開発者	felixfbecker
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/felixfbecker/svg-screenshots
ヘルプページのURL	https://github.com/felixfbecker/svg-screenshots/issues
対応言語	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" } } }