最近、インパクトを持たせるために動画をキービジュアルにしているサイトが多いです。
目次
動画をキービジュアルにすると重くなる
もちろん、画像データよりも動画データをキービジュアルにするとサイトの容量が重くなります。
古いスペックのスマホやPCなら読み込みまでに時間がかかり、ストレスもかかってサイトから離脱してしまいます。
対策1 動画の画質を下げる
動画の容量を軽くするために、まずは動画の画質を下げます
画質を下げたらモザイクのようになったり、単純に見栄えが悪くならない？
見栄えが悪くならないように、更に対策を施しますよ！
対策2 動画にフィルターやハーフトーンをかける
上記サイトのように、フィルターやハーフトーンをかけて画質の悪さを補完しています。
更にフィルター効果をかけることで動画の上に文字を載せる事も可能になりました。
文字の可読性も高まるので一石二鳥です。
まとめ
動画をキービジュアルにすると重くなる。
画質を軽くする分、動画にフィルターやハーフトーンをかけて見栄えを良くしよう
この知識を覚えているだけで、デザインの幅が広がりそうです♪
サイトから離脱してほしくないけど、動画をキービジュアルにしたい！