BBCSEXの攻略書いたときにsvg形式のファイルを使ったのでそのときのことを

ベクタ画像は拡大縮小してもきれいなので文字とかに向いてるし
編集時にオブジェクトごとに動かせるので普通のペイントよりストーリーチャートとか作るのには使いやすいです 

なのでsvg形式にしたのにライブドアブログでは一部の形式の画像しかアップロードができない!
Google docs や Skydrive などを使ってサーバーに保存してリンクさせるかなと思ってみても
アカウントとるのめんどーい ってなりいきなり他の方法を探すことに

まず拡張子変えてpngにしてアップロード
エラーでました
中身もチェックされてるみたい

次は拡張子をhtmlに
中身もxmlなので通りそう
htmlにしたのそのままクロムに入れてみても表示できる
これはいける!とか思ってアップロード・・・
できない!
無料のライブドアブログではhtmlのアップロードできませんでした・・・
くっ! fc2ならhtmlあげれるのに!

ん htmlと中身同じようなものなら直接書いていけるんじゃないの?
とか思って
<html>
  <head> 
  </head>
  <body>
    <p>abc</p>
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!-- Created with Inkscape (http://www.inkscape.org/) -->
    <svg
        略
    </svg>
  </body>
</html> 
というhtml作ってクロムにいれてみる
表示成功~!

ブログの記事を書く部分でhtmlエディタにしてsvgの中身を直接貼り付け
行数がやばいことに・・・

結局リンクなしで直接画像を表示させることに
しかしここで問題が発生

画像を作ってるツールではきれいに表示できているのにブラウザ上で見ると
矢印が逆向いたりななめのものが表示できていなかったり・・・
さらに全キャラ分を貼り付けると1ページで表示するsvgファイルが多すぎるためか
1枚だとまだまともだったものも一部の表示が消えてたり色が赤のところが黒になったりと
さらに悪化
そしてIEとか別ブラウザで試すと表示もされない
IEは対応してなくてプラグインとかいるみたい

なのでpngに変換した版をアップしてsvg画像部分をクリックするとpng版に飛ぶように

この時点でもう全部pngでいい気もしてたけどせっかくなのでsvgも残してみることに

おかしい箇所は攻略ページに表示されてるのとクリックで飛ぶpng版を見比べてみてください
BBCSEX攻略

そして次の問題が!
全キャラ分と解放条件のsvgをのせて保存したあと
少し文の追加と改行そろえたりして再保存したときに 文字数が多すぎるとエラーが
半角60000字 全角30000字にしてください とか
追加もしたけど削除もしたしそこまで増えてないはずなのに

しょうがないので2記事に分割しようかと思いストーリー以外を切り取ってメモ帳に貼り付け
さきほど追加した分の数倍は減ったはずなのにこれでも文字数オーバー

結局理由がわからなかったのでストーリー解放条件のほうをsvgからpngに変更
もう全部pngよかったのではと本当に思えてくる

文字数はどうだったのかと思って一応文字数チェックサイトで調べてみた
すると なんと! 空白と改行合わせて半角文字だけで50万弱
え゛!?
多すぎだろー
svg画像はxmlなので文字数が多いけどここまでとは
アップロードできないわけです
でも現在のや一度アップロードできた時の文字数も数十万なんだけどな・・・









下がsvgファイルを直接はったのです
このページを拡大しても画像はきれいなままのはずです

image/svg+xml ファイルです

png版
こっちは拡大すると汚くなっていくはずです
バイキュービック法を使って補完するブラウザなら
そこまで汚くはないけどぼやけた感じになるはず
 sample

この場合は文字が消えたり違う表示になったりとおかしい表示にはならない