尺寸计算器

开播前先定好 OBS 浏览器源尺寸。

输入画布尺寸和边距,得到 StreamLyric 浏览器源方案。计算器留在浏览器里。没有 JavaScript 时,使用下面三个预设。

OBS 浏览器源尺寸歌词 Overlay 分辨率1080x1920 浏览器源

无需 JavaScript 的预设

这些默认值与交互计算器使用的数值相同。如果 JavaScript 被禁用,直接把某一行复制到 OBS 里。

每一行都假设浏览器源等于画布。歌词区域是画布四周各减去边距后的范围,因此边距越大,可读区域越小。

画布来源歌词区域字号锚点
1920×10801920×10801760×92032–48pxbottom-center
1080×19201080×1920920×176036–56pxbottom-center
1080×10801080×1080952×95232–48pxbottom-center

让来源与画布一致

最常见的尺寸错误,是把同一个浏览器源在 1920×1080 和 1080×1920 之间拉伸。这样会移动锚点,并把歌词裁进平台界面里。请为每种方向重新创建来源,而不是缩放它。

字号落在 12–96px 之间,覆盖 9 个锚点。较大的字号在窄的竖屏画布上会先溢出,所以竖屏预设的起始字号比横屏更小。

避免遮挡

摄像头、乐器、评论、礼物、提醒、字幕和平台控件,应在放置歌词前预留。先标出这些区域,再把歌词区域放进剩下的空间里。

在以手机为主的场景中,下三分之一通常已让给评论和礼物。这就是竖屏预设的锚点比横屏更靠上的原因。

计算只在本地进行

这个计算器从不上传画布尺寸或 Overlay URL。它在浏览器里算出方案,刷新后即忘。

只把宽度、高度、字号和锚点复制到 OBS。Overlay URL 本身应填进浏览器源的地址栏,而不是这个工具的截图里。

使用工具

1920×1080 → 来源 1920×1080,字号 32–48px,锚点 bottom-center。1080×1920 → 来源 1080×1920,字号 36–56px,锚点 bottom-center。

分步设置

  1. 01
    选择画布

    使用 1920×1080、1080×1920,或与 OBS 输出匹配的自定义尺寸。

  2. 02
    设置边距

    给最长的歌词行留出空间,别让它碰到边缘。

  3. 03
    读取来源和区域

    来源等于画布;区域是画布减去边距后的范围。

  4. 04
    把来源尺寸复制到 OBS

    保持 Overlay 背景透明,不要在不同方向之间缩放。

常见问题

浏览器源应与画布一致吗?

应该。宽高匹配后锚点才可预测。

会上传我的 Overlay URL 吗?

不会。计算在本地完成,不会发送到任何服务器。

能用一个来源同时做横屏和竖屏吗?

不能。请为每种方向重新创建来源,而不是拉伸它。

相关指南和工具