livedoorブログで利用できる画像は、jpg、jpeg、gif、pngの4種類のみ。

SVG形式は通常の方法だと表示されない。<br>[ファイル管理]の画面でファイルとしてアップロードしそのURLを指定してもNGなので裏技を使う

ライブドアブログのヘルプ(PC向け)
画像がアップロードできない
参考情報
はてなブログでSVG画像を表示させる方法
Data URI Scheme 変換

手順

  1. Data URI Scheme 変換のページにアクセスする
  2. SVG形式の画像ファイルを[ここにファイルをドロップ]のところにドラッグ&ドロップ
    henkan
  3. [変換結果]に表示されたコードを全て選択し、コピー
  4. 赤文字の部分に下記で変換されたコードを挿入
    <img  alt="image_svg" src="data:image/svg+xml;base64,---" class="http-image">
  5. livedoorブログの記事の編集画面で、[HTMLタグ編集]を選択し上記で作成したimgタグを貼り付け
    harituke

その他

  • livedoorブログの記事の作成の画面ではうまく表示されません。プレビュー画面で確認。
  • width(幅指定)なども指定できた。
  • PhotoshopでSVG保存する時にコード書き出しやれば、Data URI Scheme 変換を使わなくていいかも(未検証)

画像の表示例

image_svg