字幕块叠放,全部本地完成

语录拼图

在浏览器里把一张照片做成语录拼图。叠加带字体、颜色和字号的字幕,调整字幕块间距,然后导出 PNG。

把一张照片做成竖向语录拼图

在富文本编辑器里写字幕文案,然后叠到照片上。每两行组成一个字幕块,每个块都会在上一张照片下方再接一张照片,所以文案越长拼图越高。完成图在浏览器内合成并导出为 PNG,不需要上传。

如何做出一张语录图片

  1. 1.拖入照片、选择文件,或直接打开示例图片。
  2. 2.输入字幕文案;按回车换行,每两行组成一个字幕块。
  3. 3.选中文字,用工具栏设置加粗、斜体、下划线、文字色、背景色、字体与字号。
  4. 4.拖动「字幕间距」滑杆,决定每个字幕块相对上一个块下移多少。
  5. 5.选择 1×、1.5× 或 2× 质量,把完成的拼图导出为 PNG。

语录拼图支持的功能

字幕支持加粗、斜体、下划线、删除线、文字色、背景色、字体以及十档字号。

字幕每两行组成一个字幕块,每个块都会再叠一份照片,形成经典的语录拼图版式。

间距以照片自身的像素计算,从 30 px 一直到照片高度,所以同一个数值在任何窗口宽度下导出的拼图都一样。

质量是相对原图宽度的倍率:1× 等于照片自身的像素,1.5× 与 2× 渲染得更大。整幅拼图一起缩放,照片比例保持不变。

风格字体按需加载;中文等 CJK 文本使用你设备上已安装的系统字体。

照片的解码、合成与导出都在浏览器里完成,没有任何上传接口。

语录拼图常见问题

我的照片会被上传吗?

不会。图片在本地读取、在页面里合成,并由你自己的浏览器导出。这个工具没有上传步骤,也不会生成在线分享链接。

为什么打字越多,图片越长?

每两个段落组成一个字幕块。每个块都会再渲染一份照片,并按间距值相对上一个块下移,所以新增文案会让拼图向下延伸。

「字幕间距」滑杆改变的是什么?

它决定相邻两份照片之间的距离,单位是照片自身的像素,范围从 30 px 到照片高度。数值越小叠得越紧;同一个数值在任何窗口宽度下导出的拼图都一样。

1×、1.5×、2× 的质量档位是怎么算的?

质量是相对原图宽度的倍率,不是固定的画布尺寸。1× 按照片自身的像素导出,1.5× 宽度变成 1.5 倍,2× 则变成 2 倍。高度由照片比例和字幕块数量决定;过长或过大的拼图会自动压缩到浏览器画布上限之内。

可以使用自己的字体吗?

字体列表包含常见系统字体、通用网页字体,以及微软雅黑、宋体、黑体、楷体、仿宋等 CJK 系统字体。字体以行内样式应用,所以下载结果与预览一致。

可以上传什么、会得到什么?

任何浏览器能解码的图片都可以,最大 10 MB,例如 PNG、JPEG、WebP、AVIF 或 GIF。导出始终是白底的 PNG。