Office（PowerPoint など）で出力した SVG を、読みやすく整形し、ブログなどで使いやすい大きさに調整します。ファイルはブラウザの中だけで処理され、どこにも送りません。
使い方
- SVG のファイルを、ツールの枠にドロップする（クリックして選ぶ、SVG のコードを Ctrl+V で貼り付ける、でも可）
- 左側で設定を選ぶ。「オリジナル」と「整形後」で、元の SVG と整形した結果を見比べられる
- 「整形後をダウンロード」で保存する（「整形後のコードをコピー」もある）
できること
| 機能 | 内容 |
|---|---|
| 整形 | 1行に詰まった SVG を、1要素1行に字下げして読みやすくする（スペース2個・4個・タブ） |
| 見た目の大きさ | 幅を指定（高さは縦横比から自動計算）、元の大きさのまま、レスポンシブ（表示する場所の幅に合わせる）。どれも viewBox を付けて、拡大・縮小しても図が崩れないようにする |
| 余白 | 図形のある範囲に切り詰め、周りに指定した余白を残す |
| フォント | Office の SVG が指定する游ゴシックに、Mac や iPhone・Android 向けのフォントを書き足す |
| 安全化 | SVG に含まれるスクリプト、onclick などのイベント属性、javascript: のリンクを取り除く |
字下げや改行は、SVG の見た目には影響しません。文字を持つ要素の中には、字下げや改行を加えないようにしています。