在线图片拼图工具
多图按模板或网格拼合成一张图,支持长图拼接与文字标注。
隐私安全:所有处理均在您的浏览器本地完成,数据绝不上传图片拼图拼图图片
布局模板
点击套用,素材按列表顺序填入px
px
素材
0 张点击 / 拖拽 / 粘贴支持多选,图片仅在本地读取
拖拽卡片可调整顺序,顺序决定填入单元格的先后。
画布
拖动图片可平移,滚轮可缩放,双击复位;按住 Alt 拖动精确微调。拖动文字或形状可移动位置。
图层
列表自上而下即图层自上而下,可上移 / 下移 / 复制 / 删除。
属性
导出设置
图片格式
导出倍率
🔒 全部在浏览器本地完成,不会发起网络请求
工作原理
- 1所有图片通过浏览器本地文件接口读入,用对象 URL 生成临时地址交给画布使用,全程不发起任何网络请求,断网也能正常工作。
- 2布局以「单元格数组」表示,每个单元格记录位置、尺寸、圆角,以及所绑定图片的平移与缩放参数;切换模板或调整样式本质上只是重建这套数组。
- 3预览与导出共用同一套绘制逻辑:按覆盖式填充算法让图片等比铺满单元格,超出部分用圆角路径裁切;文字与形状按矢量方式重新绘制,因此放大导出依然清晰。
- 4导出时按倍率创建离屏画布,先整体缩放坐标系,再以逻辑坐标重绘,最后按所选格式编码成图片文件。
- 5工程状态(画布、单元格、元素)可序列化保存到浏览器本地草稿,刷新后可恢复版式与标注内容。
常见问题
上传的图片会上传到服务器吗?
不会。图片通过浏览器本地接口读取,只在你本机生成临时地址并交给画布使用,全程没有任何网络请求,断网也能正常拼图。关闭页面后临时地址会失效。
为什么导出后放大图片反而不够清晰?
导出时画布底色、文字与形状是按倍率矢量重绘的,但照片本身的分辨率取决于原图。如果原图分辨率较低,放大导出只是把像素放大,并不会凭空变清晰。建议使用高分辨率原图。
自由画布和网格模板有什么区别?
网格模板按固定行列自动分配每个单元格的位置;自由画布不套用网格,图片按原始宽高比摆放,便于叠加文字与形状做自由排版,也可以继续拖动平移与缩放。
导出的 JPG 有透明背景吗?
JPG 格式不支持透明通道,透明区域会被填充为画布背景色或白色。如果需要透明背景,请选择 PNG 或 WebP 格式导出。
提示导出尺寸超出上限怎么办?
这是浏览器对画布尺寸的限制(单边约 16384 像素、总面积约 2.68 亿像素)。降低导出倍率,或减小画布宽高后即可恢复导出。
草稿会保存到哪里?
草稿保存在你浏览器的本地存储中,不会上传。由于图片临时地址在刷新后失效,恢复草稿时只保留版式与文字、形状,需要重新选择图片即可继续编辑。