使用方法
- 点击“选择文件”，选取两至九张照片。按您想要的顺序排列：第一张放入第一个格子。
- 选择“版式”和“输出尺寸”，然后设置照片之间的间距和圆角。
- 在预览中拖动某张照片，选择它在格子中显示的部分。
- 点击“制作拼图”，然后下载 PNG 或 JPEG。
版式与空格子
自动网格使用的格子数与照片数相同，排成尽量接近正方形的最小网格。固定版式有固定的格子数：横排或竖排两张、2 × 2或 3 × 3网格，或一大两张小图、一大三张小图。照片少于格子数时，空格子保持背景颜色，工具会说明有几个空格子。
如何填满每个格子
每张照片以“覆盖”方式填满格子：按比例放大到足以盖住整个格子，超出的部分被裁去。焦点决定保留哪一部分。在预览中拖动照片即可移动焦点，使人脸或主体留在画面内。格子可以加圆角，各边的间距相同。
输出与质量
拼图按您选择的尺寸绘制，最大为2048像素。PNG 保留每一个像素；JPEG 文件较小，适合用于分享的照片拼图。制作拼图时，每张照片都以全尺寸读取，因此细节得以保留。
示例：正方形中的四张假日照片
您有四张照片，想做一张正方形图片用于社交媒体。选择 2 × 2网格、正方形尺寸、间距24像素，圆角40像素。在预览中拖动每张照片，使主体位于其格子的中央。
结果是一张 2048 × 2048的图片，含四个相等的格子。每张照片按您设定的焦点裁切到其格子中。
常见问题
一张拼图最多能放几张照片？
两至九张。版式最多有九个格子，自动网格则按您添加的照片数使用相应数量的格子，因此照片数可以在两至九张之间任选。
为什么照片在格子里被切掉了一部分？
格子的形状与大多数照片不同，因此照片会覆盖整个格子，边缘的部分被裁去。在预览中拖动照片，即可移动显示的部分。
拼图应选择 PNG 还是 JPEG？
图形或需要保留每一个像素时选 PNG。照片则选 JPEG，文件小得多，画质依然很好。
制作拼图时照片会被上传吗？
不会。您的浏览器在您自己的设备上读取并绘制每张照片。页面加载后断开网络连接，即可核对这一点。
可以调整照片的顺序吗？
可以。使用列表中每张照片上的箭头，可将它上移或下移。列表中的第一张照片会填入版式的第一个格子。
资料来源
- MDN：CanvasRenderingContext2D.drawImage()，把图片放到画布的某个部分（英文）
- MDN：CanvasRenderingContext2D.clip()，圆角（英文）
数据和文字最近核对于2026年11月10日星期二。