OnlineFreeTools.org
  • 首页
  • 图片编辑工具
    • 图片文字水印 — 浏览器内本地标注
    • 图片主色提取 — 色板与点击取色
    • 图片翻转 — 水平或垂直镜像
    • 图片加边框 — 选颜色与宽度
    • 图片压缩 — 缩小尺寸与文件体积,本地完成
    • 图片裁剪与改尺寸 — 本地完成
    • 图片 EXIF 查看与清除 — GPS、相机信息、本地处理
    • 图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成
    • 图片转灰度 — 本地黑白转换
    • 多图拼接 — 合成一张拼图,本地完成
    • 图片优化 — 更小体积,可调编码器,本地完成
    • 图片叠加 Logo — 透明定位,本地完成
    • 图片与 Base64 互转 — 本地编码解码
    • 多图转 GIF — 本地合成短动画
    • 多图转 PDF — 每图一页本地合并
    • 多图转 PPT — 每图一张幻灯片
    • 多图转 Word — 本地生成 DOCX
  • 设计工具
    • 品牌色 Token 包 — HEX/HSL/OKLCH 色阶
    • WCAG 对比度检测 — AA/AAA 比率在线算
  • 开发者工具
    • 给域名添加 www DNS — 记录生成与各平台教程
    • CSV ↔ JSON 互转 — 类型、分隔符、本地处理
    • HTML 实体编解码 — 转义、反转义、本地处理
    • IndexNow — Bing URL 提交、密钥检查与状态码
    • IP 地址查询 — 查看我的公网 IP(IPv4/IPv6)
    • JSON Schema 校验器 — 路径错误与本地处理
    • Markdown ↔ HTML 转换 — 预览与安全清理
    • 在线文本对比 — 文本差异对比工具
    • 在线查看 HTTP 响应头
    • YAML ↔ JSON 互转 — 类型规则、多文档、本地处理
  • 计算器
    • BMI 计算器 — 如何计算身体质量指数
    • 多元函数梯度计算 — ∇f 偏导向量
    • 边际收益计算 — 公式 MR = ΔTR / ΔQ
    • 百分比变化计算 — 旧值到新值的涨跌幅
    • 投资回报率(ROI)计算 — 公式与示例
    • 平方英尺转平方米 — 看房与装修面积换算
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

工具

图片文字水印 — 浏览器内本地标注给域名添加 www DNS — 记录生成与各平台教程品牌色 Token 包 — HEX/HSL/OKLCH 色阶图片主色提取 — 色板与点击取色CSV ↔ JSON 互转 — 类型、分隔符、本地处理图片翻转 — 水平或垂直镜像BMI 计算器 — 如何计算身体质量指数多元函数梯度计算 — ∇f 偏导向量边际收益计算 — 公式 MR = ΔTR / ΔQ百分比变化计算 — 旧值到新值的涨跌幅投资回报率(ROI)计算 — 公式与示例HTML 实体编解码 — 转义、反转义、本地处理图片加边框 — 选颜色与宽度图片压缩 — 缩小尺寸与文件体积,本地完成图片裁剪与改尺寸 — 本地完成图片 EXIF 查看与清除 — GPS、相机信息、本地处理图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成图片转灰度 — 本地黑白转换多图拼接 — 合成一张拼图,本地完成图片优化 — 更小体积,可调编码器,本地完成图片叠加 Logo — 透明定位,本地完成图片与 Base64 互转 — 本地编码解码多图转 GIF — 本地合成短动画多图转 PDF — 每图一页本地合并多图转 PPT — 每图一张幻灯片多图转 Word — 本地生成 DOCXIndexNow — Bing URL 提交、密钥检查与状态码IP 地址查询 — 查看我的公网 IP(IPv4/IPv6)JSON Schema 校验器 — 路径错误与本地处理Markdown ↔ HTML 转换 — 预览与安全清理平方英尺转平方米 — 看房与装修面积换算在线文本对比 — 文本差异对比工具WCAG 对比度检测 — AA/AAA 比率在线算在线查看 HTTP 响应头YAML ↔ JSON 互转 — 类型规则、多文档、本地处理

多图拼接 — 合成一张拼图,本地完成

    0.90

    在浏览器把多张照片合成一张拼图或拼接长图,全程本地处理、不上传。步骤:添加图片、选横排/竖排/网格布局、设间距与背景色、拼接、下载 JPEG/WebP/PNG。示例:三张色块横排、白底、间距 8 px → 导出 WebP;可选常见社媒尺寸预设。

    怎么用

    添加两张及以上图片,可调整顺序,选布局、间距和背景,再点拼接。页面在本地建一张画布、按顺序绘制各图,可选缩放到常见方图或链接预览尺寸,然后下载 — 全程不上传。

    布局规则

    画布尺寸按下列公式计算。网格单元格统一宽高;完整显示会留边,铺满裁剪会裁切。

    • 横排:高度取各图最大高度;每张按该高度等比缩放;画布宽 = 缩放后宽度之和 + (n−1)×间距。
    • 竖排:宽度取各图最大宽度;每张按该宽度等比缩放;画布高 = 缩放后高度之和 + (n−1)×间距。
    • 网格:列数 2–4;行数 = ceil(n/列数);单元格 = 最大源宽 × 最大源高;单元格间留间距;格内可选完整显示或铺满裁剪。
    • 预设会把成品缩放进 1080×1080 或 1200×630,背景用你的底色(仅为常见尺寸,非平台审核保证)。绘制前先铺背景色。

    示例

    加载三色示例,保持横排、间距 8 px、白底、WebP 画质 0.90、预设无,点拼接。应得到约 728×180 px 的宽条。改网格 3 列可把三张图排成一行等格。

    适合场景

    • 前后对比:两张图横排,适合测评或健身记录。
    • 教程步骤:多张截图竖拼成一张长图便于分享。
    • 商品多角度或九宫格故事板:用网格布局,文件过大再用压缩工具。

    常见问题

    图片会上传吗?

    不会。解码、布局与导出都在浏览器完成。可在 Network 面板确认没有 POST 图片。

    横排和竖排有什么区别?

    横排统一高度、向右扩展宽度;竖排统一宽度、向下扩展高度。网格用固定单元格,可选完整显示或铺满裁剪。

    1080 或 1200 预设能保证 Instagram/Facebook 通过审核吗?

    不能。只是常见输出尺寸。各平台规则会变,发布前请查阅对应应用说明。

    动图 GIF 会怎样?

    只解码并绘制第一帧,输出不会保留动画。

    超大拼图为什么失败?

    画布边长超过约 8192 px 或源图总像素过大可能超出浏览器内存。可减少张数、减少网格列数,或先用裁剪工具缩小源图。

    相关工具

    • 图片叠加 Logo — 透明定位,本地完成
    • 图片裁剪与改尺寸 — 本地完成
    • 图片压缩 — 缩小尺寸与文件体积,本地完成
    • 多图转 PDF — 每图一页本地合并
    • 多图转 GIF — 本地合成短动画

    分享这个工具

    可通过社交网络分享,或复制本页链接;支持系统分享的设备也可一键分享。

    XFacebookLinkedInRedditWhatsAppTelegram

    https://onlinefreetools.org/zh/tools/image-merge

    咨询与反馈

    页面不清、功能异常或想提建议?在下方起草邮件,我们会阅读每一封关于工具的来信。

    邮箱: dailyonetools@outlook.com

    参考来源

    • MDN — CanvasRenderingContext2D.drawImage()
    • MDN — HTMLCanvasElement.toBlob()
    OnlineFreeTools.org · 学习项目 · 持续迭代
    关于·开发日志·隐私·条款·联系