cssのbackgroundでsvgを使うのはそろそろ大丈夫 IE8を除いて
で、通信コスト削減の為そのままcssにdata-schemaを埋め込みたいわけですが
svgはテキストなので、data URI schemaではbase64でエンコードしなくても埋め込めるわけで、
全く使われていないbase64を指定しないで直接埋め込み方式で埋め込むとデータ量を抑えられるんじゃないかと思われる。
で、結論から言うとあんまり容量削減にはならないです。
svgそのまま記述すると引用符、『"』やタグに使われている『<』『>』のキャラクターが誤動作を起こすので、それだけ%xxでエスケープするのですが、%xxのエスケープ(元の量の3倍)は効率が悪いので、意外と容量削減になりません。
あと、svgzで記述できないかということですが、これはoperaしか対応してないので、現時点では現実的ではないです。
ただ、javascriptで頑張ればgz解凍とかもできるので、javascriptできなくはないはずです。
そこまで頑張ってもあまりインパクトがないでしょうが。
