ToolsOnline

オンライン SVG コードエディタ

SVG ソースの検証・プレビュー・最適化とサイズ統計

幅
—
高さ
—
ソースサイズ(元)
—
ソースサイズ(最適化後)
—

      

この SVG コードエディタについて

左側に SVG ソースを貼り付けると、DOMParser による厳密な XML 解析が行われ、構文エラーはそのメッセージ付きで表示されます。右側にはリアルタイム プレビューが表示され、編集しながら結果を確認できます。幅・高さとソースのバイト数(UTF-8)も入力に合わせて集計されます。

「最適化」ボタンでワンクリック整理:コメントの削除、属性値内の数値を小数 2 桁に丸め、空白のみのテキストノードを取り除き、最適化前後のサイズを比較します。最適化後のコードはそのままコピーできます。処理はすべてブラウザ内で完結し、SVG が送信されることはありません。