您最喜欢的城市的最爱地点
首页
添加为 Google 首选来源

照片拼图工具

用本地照片制作网格拼图。调整顺序和每张照片的适应方式,设置输出像素与间距,然后生成 PNG 或 JPEG。

将本地照片排列成网格,下载 PNG 或 JPEG。

照片和布局

将照片拖放到此处,或选择文件。

添加 2–12 张受支持的 JPEG 或 PNG,每张不超过 12 MiB。

布局

每边 64–4096 像素,总计最多 1200 万像素。

每边 64–4096 像素,总计最多 1200 万像素。

0–256 像素。

0–256 像素。

使用六位十六进制颜色。

仅为浏览器编码提示,不保证文件大小。

拼图预览与下载

请至少添加两张照片。

照片在浏览器中处理,本工具不会上传照片或项目。

排列并下载拼图

  1. 添加 2–12 张受支持的 JPEG 或 PNG。列表显示已接受的照片及被拒绝的文件;可以前移、后移、替换或移除照片。
  2. 设置宽度、高度、列数、间距和外边距。选择每张照片,设置铺满裁剪或完整显示以及水平和垂直位置。行数根据照片数量和列数计算。
  3. 选择 PNG 或 JPEG,检查缩小的预览并生成拼图。文件通过格式和尺寸检查后即可下载;修改照片或设置会移除旧下载。

网格、裁剪与背景

照片按列表顺序从左到右、从上到下排列,每张出现一次。末尾的空单元格保留背景,最后一行不会拉伸。

铺满会填满单元格并裁掉多余部分;完整显示保留整张照片,可能露出背景。位置设置决定裁剪范围或照片在单元格中的位置。

外边距包围网格,间距分隔单元格。剩余整数像素分配给前面的列或行,因此单元格可能相差一个像素,输出尺寸仍保持不变。

透明 PNG 的未覆盖区域保持透明;不透明 PNG 和 JPEG 使用所选背景色。界面中的棋盘格仅用于显示,不会保存到图片中。

布局与适应方式示例

五张照片、1007×673 像素、三列、13 像素外边距和 7 像素间距形成两行。三列宽度分别为 323、322 和 322 像素,两行均高 320 像素,末尾一个单元格保留背景。

1200×800 照片铺满 323×320 单元格时,使用 807.5×800 的原图区域。水平位置为 75% 时,裁剪区域从左侧 294.375 个原图像素处开始。

800×400 照片完整显示在同一单元格时,绘制尺寸为 323×161.5 像素。垂直位置为 25% 时,上方留白 39.625 像素,下方留白 118.875 像素。

支持的文件与导出限制

支持静态 JPEG 和 PNG,每张最多 12 MiB、1600 万像素,单边最多 8192 像素;总计最多 48 MiB 和 6400 万像素。不支持 GIF、WebP、APNG、HEIC、SVG 和 HDR。

颜色仅接受未标记时按 sRGB 处理,以及规定的 SDR sRGB 或 Display P3 配置文件子集。不支持或冲突的颜色元数据会被拒绝。输出目标为 8 位 sRGB;广色域颜色可能变化,不保留原始配置文件、Exif 或 DPI。

输出宽高各为 64–4096 像素,总面积最多 1200 万像素,文件最多 64 MiB。即使在限制内,浏览器解码、内存分配或编码仍可能失败。预览使用缩略图,导出使用原图。

JPEG 有损且始终不透明。质量值只是浏览器编码提示,不保证文件大小。本工具不提供自由摆放、文字、贴纸、远程图片、滤镜或项目历史。

本地处理,不保存项目

工具在浏览器内处理照片,不增加照片上传、项目历史、包含输入的链接或照片遥测。清除或离开页面可释放资源;已打开页面切换语言会保留工作,新文档从空白开始。现有站点服务和浏览器扩展不在此限定承诺范围内。

照片拼图常见问题

铺满填满单元格并可能裁剪照片;完整显示保留整张照片并可能露出背景。位置设置控制裁剪或摆放。

不会。每张照片按列表顺序显示一次,行数自动计算,末尾空格保留背景。

不是,它们是保存文件的像素尺寸。预览较小,并可随卡片宽度缩放显示。

可以,PNG 的间距、边距、空格和留白都可透明。JPEG 始终使用所选的不透明背景色。

不能。它只是浏览器编码提示,压缩结果受浏览器和照片内容影响。

工具检查实际字节、尺寸、结构和颜色元数据,而不只看文件名。动画、HDR、损坏文件或不支持的配置文件会被拒绝。

成功替换会保留列表位置,但适应方式和位置重置为居中铺满。失败时保留原照片和设置。

本工具不增加上传或项目存储。下载仅保存生成的图片;清除或打开新文档会移除工作中的拼图。

参考资料

以下资料介绍基础格式和浏览器 API。本工具支持的图片范围更窄。

核查于 2026 年 11 月 13 日;规范不保证浏览器行为。

SVG 转 PNG

将本地 SVG 文件或粘贴的代码转换为 PNG,可设置尺寸、透明或纯色背景,并使用内置字体。

打开工具 — SVG 转 PNG

CSS 滤镜生成器

排列和重复 CSS 效果,比较示例并复制精确的滤镜声明。

打开工具 — CSS 滤镜生成器

流式字号计算器

为两个视口宽度分别设置字号,生成流式字号。复制使用 rem 的 CSS,并查看基于导出系数计算的模型。

打开工具 — 流式字号计算器

CSS 按钮生成器

设置原生按钮状态,检查键盘焦点并复制 HTML 和 CSS。

打开工具 — CSS 按钮生成器

CSS 圆角生成器

编辑八个圆角半径,预览盒子,并复制以像素或百分比表示的 CSS。

打开工具 — CSS 圆角生成器

CSS Grid 生成器

编辑 CSS Grid 轨道、项目位置和命名区域,预览并复制 CSS、HTML 或下载完整示例。

打开工具 — CSS Grid 生成器

CSS Flexbox 生成器

使用容器和项目控件、显式布局轴、匹配的 CSS 和 HTML 以及本地完整示例下载构建 Flexbox 示例。

打开工具 — CSS Flexbox 生成器

CSS 文字阴影生成器

创建有序文字阴影,预览纯文本并复制精确 CSS。

打开工具 — CSS 文字阴影生成器

CSS 变换发生器

编写可重复的 2D CSS 变换,编辑 px 或百分比平移和原点,检查参考框并复制准确的当前声明。

打开工具 — CSS 变换发生器

CSS 盒子阴影生成器

创建有序的 CSS box-shadow 图层,实时预览并复制代码。

打开工具 — CSS 盒子阴影生成器

图片水印

为一批图片添加文字或标志水印,检查结果并下载单个文件或 ZIP。

打开工具 — 图片水印

CSS 渐变生成器

创建线性或径向 CSS 渐变,调整颜色、不透明度和节点位置。

打开工具 — CSS 渐变生成器

颜色转换器

转换支持的 sRGB HEX、RGB 和 HSL 颜色值,保留透明度并显示精度。

打开工具 — 颜色转换器

图片转文字(OCR)

识别本地 PNG 或 JPEG 中的印刷文字,选择语言,检查并修改结果后复制或下载。

打开工具 — 图片转文字(OCR)

从图片读取二维码

从本地 PNG 或 JPEG 读取一个二维码,查看文本或内容字节,不会打开链接。

打开工具 — 从图片读取二维码

颜色对比度检查器

比较前景与背景颜色,调整不透明度,检查文本和必要界面细节的 WCAG 数值对比度阈值。

打开工具 — 颜色对比度检查器

打印尺寸与分辨率计算器

计算照片可打印尺寸、所需像素,以及留白或裁切时的实际 PPI。

打开工具 — 打印尺寸与分辨率计算器

宽高比计算器

计算宽度与高度的精确比例,或指定一边计算对应的像素尺寸。

打开工具 — 宽高比计算器

图像压缩

尝试将 JPEG、PNG 或 WebP 图片压至目标文件大小,查看实测结果并可选择缩小尺寸。

打开工具 — 图像压缩

HEIC 转 JPG

在浏览器中将受支持的 HEIC 照片转换为原尺寸 JPG 副本,调整质量和背景,并单独下载或打包下载已验证的结果。

打开工具 — HEIC 转 JPG

图片格式转换器

在本地批量转换受支持的 PNG、JPEG 和 WebP 图片,调整透明度、背景和质量,检查并下载编码结果。

打开工具 — 图片格式转换器

旋转和翻转图片

批量旋转或翻转本地静态 PNG、JPEG 和 WebP 图片,然后查看并下载处理结果。

打开工具 — 旋转和翻转图片

图片裁剪

通过可视选区或像素输入精确裁剪本地 JPEG、PNG 或 WebP 图片,下载为 PNG 或 JPEG。

打开工具 — 图片裁剪

图片尺寸调整

按像素或百分比调整 JPG、PNG 或 WebP 图片,预览结果并下载。

打开工具 — 图片尺寸调整
查看此分类中的所有工具