图片与设计工具

直播叠加层制作器

仅用于本地设计:固定 1920×1080 透明 HTML/CSS 布局,最多 16 个画框占位、标签或面板。点击图层或使用选择器,再编辑位置、尺寸、标题、文本、颜色、边框和不透明度。新图层位于旧图层上方,文本按框裁切。不提供拖拽、摄像头/视频采集、直播提醒、平台连接或部署。下载的独立 HTML 不含脚本或外部素材。应用不上传或保存输入,仅按用户请求下载文件。 PNG 根据图层直接绘制到透明 1920×1080 Canvas,不是 HTML 截图栅格化。文本按 Unicode 码点换行,Tab 转为四个空格;行断点和字体布局可能与 HTML 预览不同。

优先本地处理无需注册隐私说明 ↗
图层设置

仅用于本地设计:固定 1920×1080 透明 HTML/CSS 布局,最多 16 个画框占位、标签或面板。点击图层或使用选择器,再编辑位置、尺寸、标题、文本、颜色、边框和不透明度。新图层位于旧图层上方,文本按框裁切。不提供拖拽、摄像头/视频采集、直播提醒、平台连接或部署。下载的独立 HTML 不含脚本或外部素材。应用不上传或保存输入,仅按用户请求下载文件。

限制:宽度 40–1920、高度 40–1080、字号 12–100、边框 0–20 像素、不透明度 0–100。棋盘格和选中轮廓仅在预览显示。预览会缩放,导出保留固定像素尺寸。

PNG 根据图层直接绘制到透明 1920×1080 Canvas,不是 HTML 截图栅格化。文本按 Unicode 码点换行,Tab 转为四个空格;行断点和字体布局可能与 HTML 预览不同。

添加一个图层开始。

使用步骤

如何使用

  1. 添加画框占位、文字标签或信息面板。
  2. 选择图层,编辑受限的位置、文本和外观。
  3. 下载独立 HTML/CSS 叠加层,在你选择的环境中自行检查。

图层设置

仅用于本地设计:固定 1920×1080 透明 HTML/CSS 布局,最多 16 个画框占位、标签或面板。点击图层或使用选择器,再编辑位置、尺寸、标题、文本、颜色、边框和不透明度。新图层位于旧图层上方,文本按框裁切。不提供拖拽、摄像头/视频采集、直播提醒、平台连接或部署。下载的独立 HTML 不含脚本或外部素材。应用不上传或保存输入,仅按用户请求下载文件。

布局预览

限制:宽度 40–1920、高度 40–1080、字号 12–100、边框 0–20 像素、不透明度 0–100。棋盘格和选中轮廓仅在预览显示。预览会缩放,导出保留固定像素尺寸。

下载透明 PNG

PNG 根据图层直接绘制到透明 1920×1080 Canvas,不是 HTML 截图栅格化。文本按 Unicode 码点换行,Tab 转为四个空格;行断点和字体布局可能与 HTML 预览不同。

常见问题

你可能还想知道

导出内容包含实时提醒或平台连接吗?

不包含。这是静态布局,没有实时内容、平台连接或部署功能。

PNG 如何生成?

它根据图层绘制到透明的 1920×1080 画布上,并非从 HTML 预览截图生成。