Webサイトの背景に動画や画像を利用する場合、気になるのはファイルサイズ。撮影したままの動画ファイルは Web ブラウザ上で再生するには大きすぎます。モバイル端末ならば通信量の問題があるため、さらに軽量化が必要。画像についても事情は同じです。 背景として使う動画や画像のサイズは小さければ小さいほど望ましいですが、サイズを小さくするほど画質が悪くなるというトレードオフがあります。また、動画や画像を背景として使う場合には、ブラウザの全画面表示やリサイズを行うと、それに追従して背景の動画や画像もリサイズされるため、劣化具合がさらに目立ってしまいます。この対策として、背景の動画や画像全体にぼかしや網掛けを行い、目の錯覚を利用して劣化を目立たないようにします。
![【サンプル集】背景動画の上に網掛け処理を行う | ホームページ制作 | 葛飾区のホームページ制作ワイズ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4c07cd6f1b6e0bcbc0561dc70b2dc778c4bdaea/height=288;version=1;width=512/https%3A%2F%2Fweb.wiis.info%2Fwp-content%2Fuploads%2F2019%2F12%2Fmovie-overlay-01.jpg)