ツール [SVG]

変換

ツール：

EPS SVG 変換 | Convertio

SVG EPS 変換 | Convertio

SVG PNG 変換 | Convertio

バリデーション

ツール：

The W3C Markup Validation Service

Nu HTML Checker

Boxy SVG

公式サイト：

Boxy SVG Editor [Official]

Method Draw

ツール：

Method Draw [Official]

SVGOMG

デモ：

SVGOMG – SVGO’s Missing GUI

リポジトリ：

jakearchibald/svgomg: Web GUI for SVGO – GitHub

Vector Paint

ツール：

Vector Paint – SVG Editor

Vectr

Free Online Vector Graphics Editor

公式サイト：

Vectr [Official]

まとめ

ブラウザベース SVG エディタまとめ – Qiita

SVG を使いこなすための便利ツールいろいろ | Web クリエイターボックス

VSCode 言語サポート

機能

• 補完／要素ツリー／プレビュー
• ツールチップ／ドキュメントリンク
• カラーピッカー
• 整形
• 軽量化 (SVGO)

入手：

SVG | Visual Studio Marketplace [Official]

リポジトリ：

lishu/vscode-svg2: A VSCode SVG Langauge Support Extension – GitHub

SVGO 拡張 (Shogo Sensui)

機能

• 軽量化 (Minify)
• 整形 (Format)

入手：

svgo | Visual Studio Marketplace [Official]

リポジトリ：

1000ch/vscode-svgo: Fully featured SVGO extension for Visual Studio Code – GitHub

参考：

Illegal value for `line` · Issue #7 · 1000ch/vscode-svgo – GitHub

SVG Previewer (Vitalii Mazurenko)

入手：

SVG Previewer | Visual Studio Marketplace [Official]

リポジトリ：

vitaliymaz/vscode-svg-previewer: SVG Previewer for VSCode – GitHub

SVG Preview (Simon Siefke)

入手：

SVG Preview | Visual Studio Marketplace [Official]

リポジトリ：

vitaliymaz/vscode-svg-previewer: SVG Previewer for VSCode – GitHub

参考：

SVG Preview – Visual Studio Code で SVG をプレビューする拡張機能 | Webrandum

SVG Preview – VSCode 上で SVG 画像をプレビューをしたいなら拡張機能を使おう！ | 教えて！おねだーりん

SVG Viewer (Mads Kristensen)

入手：

SVG Viewer | Visual Studio Marketplace [Official]

リポジトリ：

madskristensen/SvgViewer: Shows the rendered image of .svg files – GitHub

SVG Viewer (Sho Sato)

**DEPRECATED**

入手：

SVG Viewer | Visual Studio Marketplace [Official]

リポジトリ：

cssho/vscode-svgviewer: SVG Viewer for Visual Studio Code – GitHub

参考：

VSCode で SVG をプレビューする機能拡張 – Qiita