livedoorブログで利用できる画像は、jpg、jpeg、gif、pngの4種類のみ。
SVG形式は通常の方法だと表示されない。<br>[ファイル管理]の画面でファイルとしてアップロードしそのURLを指定してもNGなので裏技を使う
- ライブドアブログのヘルプ(PC向け)
- 画像がアップロードできない
手順
- Data URI Scheme 変換のページにアクセスする
- SVG形式の画像ファイルを[ここにファイルをドロップ]のところにドラッグ&ドロップ
- [変換結果]に表示されたコードを全て選択し、コピー
- 赤文字の部分に下記で変換されたコードを挿入
<img alt="image_svg" src="data:image/svg+xml;base64,---" class="http-image">
- livedoorブログの記事の編集画面で、[HTMLタグ編集]を選択し上記で作成したimgタグを貼り付け
その他
- livedoorブログの記事の作成の画面ではうまく表示されません。プレビュー画面で確認。
- width(幅指定)なども指定できた。
- PhotoshopでSVG保存する時にコード書き出しやれば、Data URI Scheme 変換を使わなくていいかも(未検証)
Comment
コメントする