dataスキームによる画像を手軽に作れるジェネレータ

dataスキームはIE6・7は未対応。IE8から対応した。


グラデーション画像は、cyokodogさんが作った生成ツールが便利そう。
IEはfilterにより表現されるのでIEでも表示できる。

• 縦のグラデーション Gradient CSS Generator
• 横のグラデーション Gradient CSS Generator
• 参考：画像を使用せずCSSのみで、クロスブラウザでグラデーションを実現する方法 ノウハウ(Tips)[okyuu.com]

画像ファイルからdataスキームを生成したい場合は[JavaScript] dataスキームURI生成（画像データのBase64変換）が便利そう。


その他の場合でかつHTML5のcanvasで描けるような図形の場合、toDataURL() メソッド - Canvasリファレンス - HTML5.JPを参考にしならが自分で作る。