ウェブサイトを SNS 用のスクロール動画にする

縦長の動画には縦長のページが合います。デスクトップのレイアウトを 9:16 に押し込むと、文字が読めなくなるか、ページの大部分が左右で切れてしまいます。代わりにスマホの幅でページを読み込めば、サイトはスマホで実際に表示するレイアウトを返すので、縦長のフレームに自然に収まります。Website Scroll Video で縦長の形がデバイスの「タブレット」と「モバイル」とセットになっているのは、まさにこのためです。

フィードでデスクトップのデザインを見せたいなら、デスクトップの幅で 1:1 か 16:9 にし、ブラウザのウィンドウのまわりに余白と背景を付けましょう。窮屈なページではなく、フレームに収めた製品写真のように見えます。スマホ幅での収録についてはウェブサイトのモバイル版を収録するで詳しく扱っています。

• 最初の 1 秒で動き出す。 静止したフレームはサムネイルには良くても、出だしとしては弱いものです。開始前の静止は 1 秒未満にするか、なくしましょう。
• 一時停止は 1 回、要点で。 ヒーローか、告知したい機能 1 つで 1〜2 秒止めます。一時停止が 2 回を超えると、短い動画はスクロールらしさを失います。
• 作品紹介より速く。 ページ 1 画面につき約 1 秒。短いループなら見返してもらえますが、長いものは待ってもらえません。
• 継ぎ目のないループ。 「下へ、そして戻る」は同じカーブで先頭まで戻るので、動画をループ再生するプラットフォームでも飛びが出ません。
• アプリのボタンにかからないように。 縦長の動画の下端と右端には、キャプション、いいね、シェアのボタンが重なります。ページのまわりに少し余白を取れば、大事な部分がその下に隠れません。

ホームページにリンクを一度貼ります。16:9 のデスクトップ版を書き出したら、デバイスを「モバイル」に切り替えて、9:16 と 4:5 の版を書き出します。書き出しはそれぞれの長さと設定に応じて課金され、プレビューは無料なので、費用をかける前にすべての版を確認できます。

形そのものに費用はかかりません。10 秒・1080p・60 fps の動画なら、16:9 でも 1:1 でも同じ価格です。スマホやタブレットの幅でページを読み込むと 3 クレジットが加算されます。そのほかの内訳はクレジットの仕組みにあります。

• MP4（H.264） をすべての SNS で使います。どのプラットフォームも受け付け、いちばんきれいに再エンコードされる形式です。
• 1080p でスマホの画面には十分です。プラットフォームはアップロードされた動画を圧縮するので、4K はほとんどアップロード時間が延びるだけです。
• 60 fps なら、動いているあいだも文字が読めます。30 fps が上限のプラットフォームでは変換されます。
• BGM はなし。 書き出した動画に音は入りません。音楽は投稿するときにアプリで加えましょう。プラットフォームの使用許諾済みライブラリもそこにあります。