跳到主要内容

把网站做成适合社交媒体的滚动视频

在 Instagram、TikTok、LinkedIn、X 和 YouTube 上发网站滚动视频,该用什么画面比例、多长、什么格式,以及如何用一个链接做出每个版本。

Aviral Lakhanpaul更新于 阅读约 3 分钟

简短回答

Reels、TikTok、Shorts 和快拍用 9:16,Instagram 和 LinkedIn 的信息流帖子用 4:5,不确定最后发在哪里就用 1:1,YouTube 和 X 用 16:9。竖版要按手机宽度读取页面,让网站显示真正的移动版式;时长控制在 8 到 15 秒,在最要紧的那个区块上停顿一下,然后导出 MP4。

每个平台用对画面比例

各社交平台的网站滚动视频设置
平台画面比例读取页面的宽度时长
Instagram Reels、TikTok、YouTube Shorts9:16手机宽度8 到 15 秒
Instagram 和 Facebook 快拍9:16手机宽度15 秒以内
Instagram 信息流、LinkedIn 信息流4:5手机或平板宽度10 到 20 秒
X(Twitter)、Threads16:9 或 1:1桌面宽度8 到 20 秒
YouTube、落地页首屏16:9桌面宽度需要多长就多长
哪里都可能用,拿不准1:1任意10 秒

4:5 是大多数信息流不裁切就能完整显示的最高比例,所以在手机屏幕上占的面积最大。1:1 是最保险的正方形,每个平台都会完整显示。各平台对时长和文件大小都有自己公布的限制,而且会变,所以导出长视频或 4K 之前先查一下。

展示手机版网站,还是桌面版?

竖版视频要配竖版页面。把桌面版式硬塞进 9:16,要么文字小到看不清,要么页面两侧大半被裁掉。改为按手机宽度读取页面,网站就会返回它在手机上真正显示的版式,自然就填满了竖版画面。Website Scroll Video 把竖向比例放在「平板」和「手机」设备下,正是这个原因。

想在信息流里展示桌面版设计,就以桌面宽度用 1:1 或 16:9,并在浏览器窗口四周加些留白和背景。这样看起来是一张带边框的产品图,而不是一个挤在一起的页面。手机录制的更多内容,见录制网站的手机版。

在信息流里,什么样的滚动视频效果好

  • 第一秒就动起来。 静止的画面适合做缩略图,却不适合做开场。起始停留控制在一秒以内,或者干脆不要。
  • 只停一次,停在重点上。 首屏,或者你要发布的那个功能,停一两秒。超过两处停顿,一段短视频就不再像是在滚动了。
  • 比展示视频更快。 页面每一屏大约一秒。短循环人们会反复看,长的却没人愿意等。
  • 没有接缝的循环。 「往返滚动」沿同一条曲线回到顶部,所以在会循环播放视频的平台上看不到跳动。
  • 避开应用的按钮。 竖版视频的底部和右侧边缘会被文案、点赞和分享按钮盖住。在页面四周留一点白,重要内容就不会被挡住。

格式与声音

  • MP4(H.264) 适用于所有社交平台。它是各平台都接受、重新编码效果也最好的格式。
  • 1080p 对手机屏幕来说绰绰有余。平台会压缩上传的视频,4K 多半只是让上传更慢。
  • 60 fps 让文字在移动时依然清晰。上限为 30 的平台会自行转换。
  • 没有配乐。 导出的视频是无声的。发布时在应用里加音乐,那里有平台授权的曲库。

拿你自己的网站试试

粘贴一个链接,免费预览滚动效果。注册即送 51 个免费点数,无需信用卡,导出的任何视频都没有水印。

最近搜索

    常见 问题

    大家接下来常问的,这里简短作答。

    联系我们
    在 Instagram 上发网站视频,什么画面比例最好?

    Reels 和快拍用 9:16,信息流帖子用 4:5。两种都按手机宽度读取页面,网站才会显示移动版式,而不是缩小的桌面版。

    发 TikTok 或 Reels 的网站视频应该多长?

    滚完一个页面,八到十五秒。短循环会被反复播放,长的滚动会被划走。

    可以给网站滚动视频加音乐吗?

    导出的文件是无声的。发布时在平台自带的编辑器里加一段配乐,或者上传前用任意视频剪辑软件加上。

    Website Scroll Video 标志:浏览器窗口中的网页上叠着一个播放按钮。

    少花时间录制,多花时间创造。

    用可自定义的运动、聪明的控件和为当代创作者设计的导出选项,把网站录制自动化。