背景動画に網掛け処理を行う理由
Webサイトの背景に動画や画像を利用する場合、気になるのはファイルサイズ。撮影したままの動画ファイルは Web ブラウザ上で再生するには大きすぎます。モバイル端末ならば通信量の問題があるため、さらに軽量化が必要。画像についても事情は同じです。
背景として使う動画や画像のサイズは小さければ小さいほど望ましいですが、サイズを小さくするほど画質が悪くなるというトレードオフがあります。また、動画や画像を背景として使う場合には、ブラウザの全画面表示やリサイズを行うと、それに追従して背景の動画や画像もリサイズされるため、劣化具合がさらに目立ってしまいます。この対策として、背景の動画や画像全体にぼかしや網掛けを行い、目の錯覚を利用して劣化を目立たないようにします。
今回は動画や画像の上にオーバーレイさせるための網掛け画像をいくつか紹介。実際の利用例も提示しますので、気に入ったものがあればダウンロードの上でご利用ください。
まずはベンチマークとして、網掛け処理を行っていない状態の動画と画像を以下に提示します。