グラディエーションやチェックなどの背景を、画像を使わずにCSSのコードだけで再現するサンプルコードがCSS Gradients with background-blend-modeで、配布されています。

ブロードバンド時代になりあまり重視されなくなったサイトの容量ですが、画像を背景にする場合と比べて十分の一以上容量を削減することができます。