ブログ内で画像をきれいに表示したいと思ったので，ベクター形式であるsvg画像を貼る方法を調べたのでそのメモです．
基本的にはHTML上でのsvgファイルの表示方法を使うだけです．
svgファイルをテキストエディタで開いて <svg> ... </svg> の部分をコピペすれば表示できます．
以上です．
私はブログ記事をMarkdownで書いていますが，その場合，<svg ...> ... </svg> の部分の中に空行が含まれていると表示されませんでした．
そこで，空行のそもそもの原因である改行を<svg>タグ内からすべて消去することで表示することができました．
置換で正規表現が使えるテキストエディタなら， \n と \r を空白（何も入力しない）と置換すれば改行が消えます．
表示する時のサイズは<svg ...> の中のwidth= や height= という部分で指定できます．片方だけ書けばいいです．
参考サイト
SVGの書き出しおよび表示方法
