できたもんで拡張子なしで呼んでもsvgかそうじゃないかでちゃんと振る舞いは変わる。20:03SVGで保存するとGIFやJPG、PNGよりも容量大きくなります。天さんもちろん画像のデータによってはSVGの方がデータ容量が大きくなることがあります。体感だと16px程度の小さな画像はPNGやGIFの方が容量だけ見ると小さくなります。結局PNGなどをSVGでくるんでいるだけなので、そちらの方が大きくなります。ソフトウェアによってはSVGに書き出すときに本来なら必要ないデータを含めたり、アンカーポイントの座標を細かく出しすぎたり(例えばpx単位で小数点4位)することがあります。非表示のまま書き出し後のSVGデータに含めようとします。そのため、例えばある写真をもとにトレースをして、その元画像は非表示にして、アウトラインだけSVGに書き出そう、なんて思って操作をすると、こっそり元画像データもSVGに含まれていた、ということが起こります。XML形式の基礎的な知識があるなら、テキストエディタでSVGファイルの中を見て、いらないタグがないか確かめてみると、原因がわかるかもしれません。それ以外だと、SVGはwebに上げて使う場合はgzip圧縮をかけてsvgz形式で扱うのが一般的です。svgz形式はsvg形式の1/2〜1/3くらいのサイズになります。SVGデータのダイエットについてはちょうどBlogに書きたいなと思っていたところなので、4月中に詳しく書く予定です。17:23SVGの勉強をしていてたどり着きました。つかうと、できそうな気がしてきました。DriftwoodJPさんはじめまして。この.htaccessで振り分ける方法は、現在主流のJavaScriptなどを使う方法よりずっとスマートだと今でも思っております。配慮すべき点ですが、SVGがどういう過程で作られたかによってだいぶ変わってくるかとは思います。思いつくところだと:一般的なグラフィックソフト(Illustratorなど)から吐き出したものであるとすると、ムダなデータが入っている可能性があるので、その辺りのダイエットには気をつけた方が良いかなと思います。非表示にしていた下書きのビットマップ画像が含まれていてしまったり、ムダに小数点以下の精度の高かったりするとファイルサイズの肥大の原因になります。あとは、ブラウザによって対応状況にムラがあるので、単純にSVGに対応している/していないではなくその辺を見極めながら技術を投入していく必要があるでしょう。フィルターやマスク、フォント系は手元の最新版ブラウザでは問題なく表示されていてもちょっと前のブラウザだと対応していなかったりします。そのときにも破綻がないようにしておくという一手間がかかります。この辺はCSSの後方互換なんかと考え方は同じだと思います。見たんですが、なるほどです。http://caniuse.com/#search=svgSVG形式で保存したときに、どんなXMLがはき出されるのかも考えて、元のイラレデータを作らないといけない感じでしょうか。イラレとSVG仕様含め、ちゃんと勉強しないといけないなと分かりました。個人的に未知の領域なので大変参考になりました。15:56こんにちは。"Firefox\/3"上記の記述ですけど、現在のバージョンFirefox/32とかなので、誤爆しますね。さんおぉ、ご指摘ありがとうございます。