多图层图片合成,浏览器本地处理不上传。多张图片与文字叠放做海报或头像,支持一键铺满画布、圆形头像、网格拼版、透明度与旋转调整、拖动对齐吸附与撤销重做。
选中图片后点「⤢ 铺满画布」,工具会自动判断怎么铺:如果原图分辨率够(放大不到 1.5 倍),就直接等比放大盖满画布;如果原图比画布小得多,直接放大必然模糊,这时会自动切成矩阵平铺——把画面分成若干格,每格放一张同样的图,每格只需要放大一点点。
为什么矩阵反而更清晰:400×300 的图铺 1080×1440,单图要放大 4.8 倍,糊成一片;切成 2×4 矩阵后每格只放大 1.35 倍,细节都还在。铺满后右侧会显示「矩阵平铺 2 × 4」,你可以用 − + 按钮手动增减行列,找到清晰度与重复感的平衡点。
还有两个相关按钮:「▦ 原尺寸平铺」是不放大图片、按原始尺寸重复铺满,适合做瓷砖/纹理背景;「↺ 原始大小」随时把图片恢复成原始尺寸并退出矩阵。
这个工具把「合成」拆成一个个图层:每张图片是一个图层,每段文字也是。图层从下往上叠,上面的盖住下面的;选中任何一个图层,都可以单独调它的位置、大小、透明度、旋转角度——底图淡化到 30% 透明度,标题文字压在上面,署名放到角落,这就是一张海报的完整做法。
层级就是右侧图层列表里的顺序:点「上移一层 / 下移一层」随时调整谁盖住谁。也可以直接在画布上点选——工具会自动选中点到的最上层图形,然后拖动就能移动,滚轮缩放,方向键微调(按住 Shift 一次走 10 像素)。
拖动时靠近画布中线或边缘会自动吸附对齐,并显示一条蓝色辅助线;如果你就是不想要吸附,按住 Alt 拖动即可临时关闭。
头像场景:选中图片图层后点「变圆形头像」,图片立即按圆形裁剪,配合透明底画布,导出 PNG 就是圆头像。画布预设里也备好了 800×800 的 1:1 尺寸。
拼图场景:导入多张图片后点「2 / 3 / 4 / 6 / 9 宫格」,自动按网格均分画布,每张等比放大盖满自己的格子(溢出部分裁掉,不留白边),互不遮挡。之后仍然可以逐格微调——模板只是起点,不是限制。
文字是独立的图层:字号、颜色、加粗、行高、描边、阴影都能单独调。描边加白边是封面标题的常用做法,阴影让文字压在复杂背景上也能读清。图片图层也支持加边框(白边照片风格)。
画布默认是透明底(画布上的棋盘格就是透明的意思),导出 PNG 会保留透明通道——圆头像、异形贴纸都需要它。导出 JPEG 时透明部分自动填白色,因为 JPEG 不支持透明。
导出的分辨率就是画布设置的分辨率,预览与导出用同一套绘制代码,所见即所得。需要更大尺寸时,先在画布设置里把宽高调大(最大 4096),图层位置按中心锚点不受影响。
所有绘制都发生在你浏览器的画布里,图片不经过任何服务器——处理未公开的产品图、带个人信息的截图时,这一点比功能本身更重要。拔掉网线工具照样能用。
编辑过程支持撤销与重做(各 50 步),误删图层、拖错位置都能一键找回。隐藏的图层不会出现在导出结果里,想「临时去掉对比一下」不用删除。
工具会自动判断:原图够大时直接等比放大铺满;原图明显比画布小时,会改成矩阵平铺(把图切格重复),每格只需小幅放大,比单图硬拉清晰得多。铺满后会告诉你用了几乘几的矩阵,也可以手动调整行列数。
铺满后右侧属性面板会显示「矩阵平铺 N × M」,点旁边的 − + 按钮增减列数或行数。格子越多每格越小、越清晰但重复感越强;找到自己能接受的那个平衡点即可。点「取消」或「原始大小」随时退出矩阵。
这是对齐吸附:靠近画布中线或边缘时自动对齐,方便摆正位置。如果你需要精确摆到任意位置,拖动时按住 Alt 键就会临时关闭吸附。
右侧图层列表里每个图层都有「上移 / 下移」按钮,列表从下到上就是画布上的叠放顺序。也可以直接在画布上点选图层后操作。最上层会盖住下面的图层。
选中图片图层,把「圆角」滑块拉到最右(或点「变圆形头像」按钮),图片会按圆形裁剪。配合透明底画布导出 PNG,就是可直接使用的圆头像。
预览和导出共用同一套绘制代码,正常情况完全一致。如果你在预览里看到图层「不见了」,先检查图层是否被隐藏(图层列表里的眼睛按钮),隐藏的图层不会参与绘制与导出。
不会。合成过程全部在你的浏览器里用 Canvas 完成,你可以在开发者工具的网络面板里验证:除了页面本身,没有任何图片上传请求。
图片图层最多 30 个,文字图层不限。画布最大 4096×4096 像素——再大在低端设备上导出会失败,这是浏览器画布的物理上限,不是工具限制。