图片工具 · 编辑变换

长图切割

限高分割/等高切片

本地处理 · 不上传 免费 · 无需登录 无次数限制 累计 56 次使用
等分 · 固定高度 · 纵切 · 自定义线 · 本地
拖入 / 粘贴长图后,
在此预览切割线并查看每段尺寸
本地处理:所有切割在浏览器 Canvas 完成,原图绝不上传服务器,长截图 / 聊天记录等敏感长图安全。关闭页面即清空。
拖入 / 点击 / 粘贴长图

支持 JPG · PNG · WebP · 长截图 / 长图文 / 聊天记录
截图直接 CtrlV 粘贴

Sliced locally — nothing uploaded
就绪 · 拖入或粘贴长图开始切割
第一节

关于本工具

About

截长图发朋友圈,结果底部被裁掉一段,得重新截图再拼。这个工具把一张长图按限定高度或等分切成多段,每段独立保存,不压缩画质。运营做小红书九宫格、设计师拆长海报、截图党分页存聊天记录都用得上。所有处理在浏览器本地完成,图片不上传服务器。

使用场景

公众号排版卡死

设计稿里一张 6000 像素高的长图,包含 10 个产品模块。公众号编辑器最多撑 10000 像素,且单张图片超过 10MB 会被自动压缩。用本工具按 800 像素限高切割,每段刚好是一屏阅读量,图片体积控制在 500KB 以内,上传后不会被压糊,且每段独立加载,用户从上往下滑不卡顿。

电商详情页改版

运营把 20 款 SKU 的卖点拼成一张 1.2 万像素的长图,想直接替换店铺详情。淘宝详情页单张图片上限 1500 像素,超长图会被系统自动截断或拒绝上传。用本工具按 1500 像素等分切割,每段恰好对应一个功能模块(尺码表、材质说明、买家秀),上传后手机端逐段加载,用户不用等整张大图转圈。

多平台封面适配

B 站专栏封面要求 16:9、小红书笔记封面要求 3:4、知乎文章头图要求 4:3。原图是一张 4000×3000 的竖幅海报,直接裁剪会丢掉重要信息。用本工具先按 300 像素限高切成 13 条,再各自拼成不同比例的封面图,每条保留海报的完整文字和主体,三个平台各取所需,不用重新设计三张图。

微信红包封面审核

设计师提交的红包封面素材是一张 2400×1800 的横版长图,微信审核要求封面图必须是 1:1 正方形且不超过 500KB。用本工具按 800 像素限高切成 3 张,其中中间那张刚好是 800×800 的正方形,且切割后单张文件从 1.2MB 降到 400KB,直接通过审核,不用重新合成一张新图。

印刷厂拼版分切

广告公司接到一个 3 米高的户外海报,印刷机最大进纸高度只有 1.2 米。设计师把原图按 1.1 米限高切成 3 段,每段留 1cm 出血位。印刷厂拿到分切后的文件直接上机,拼贴时每张对齐,成品接缝误差小于 0.5mm。本工具支持自定义切割高度,且不改变原图分辨率,避免二次缩放导致模糊。

第二节

使用指南

Getting Started

使用步骤

  1. 1点击「选择图片」上传一张长图(支持 JPG/PNG/WebP),上传后页面显示原图总高度与预览缩略图
  2. 2在「每段高度」输入框设定切割高度(单位像素),右侧实时显示预估分段数量与剩余高度
  3. 3点击「开始切割」按钮,页面下方依次生成各段图片预览,每段下方标注序号与实际像素高度
  4. 4点击任意段图片下方的「下载」按钮单独保存该段;点击顶部「全部下载」打包为 ZIP 文件

输入输出示例

输入输出说明
一张 3000px 高的长图,设置限高 800px,勾选“保持宽高比”输出 4 张图片,每张宽高比与原图一致,高度分别为 800px、800px、800px、600px(最后一张不足限高)常规:验证限高分割的基本逻辑,最后一张自动截取剩余高度,不强制补白
一张 1000px 高的图片,设置等高分片高度 500px,不勾选“保持宽高比”输出 2 张图片,每张宽度拉伸至与原图一致,高度严格 500px常规:等高切片模式下,图片被强制按指定高度裁剪,宽高比可能改变
一张 800px 高的图片,设置限高 1000px输出 1 张图片,与原图完全一致(高度 800px)边界:原图高度小于限高时,工具不进行切割,直接返回原图
一张 1px 高的图片,设置限高 1px输出 1 张图片,高度 1px边界:单像素图片的极限情况,验证工具能处理极小尺寸而不报错
一张 5000px 高的图片,设置等高分片高度 1px输出 5000 张图片,每张高度 1px边界:极高分片数量,验证工具对大量输出文件的处理能力(可能触发浏览器内存限制)
一张 1000px 高的图片,设置限高 300px,但图片格式为 .webp(不支持分片保存的格式)工具提示“当前格式不支持分片,请先转换为 PNG 或 JPEG”并拒绝执行易错:部分图片格式(如 WebP、BMP)在浏览器端无法直接分片保存,需先转换
一张 1000px 高的图片,设置限高 300px,但浏览器窗口缩放至 50%输出 4 张图片,每张高度仍为 300px(与缩放无关)易错:用户误以为浏览器缩放会影响切割尺寸,实际工具基于原始像素操作,不受显示缩放影响

常见错误对照

1.图片高度小于切割高度,工具无输出

✗ 错误上传一张 200px 高的图片,设置每段高度 300px
✓ 修复先检查图片实际高度,确保图片高度 ≥ 切割高度

长图切割按指定高度从上到下切段,若图片高度小于设定值,工具无法完成分割,直接返回空结果。

2.设置切割高度为 0 或负数,工具报错

✗ 错误输入切割高度为 0 或 -100
✓ 修复输入正整数,如 500(单位:像素)

切割高度必须是大于 0 的整数,0 或负数无物理意义,工具前端校验会阻止提交。

3.上传非图片文件(如 PDF、Word),工具无响应

✗ 错误上传一个 .pdf 文件到切割界面
✓ 修复仅支持常见图片格式:JPEG、PNG、WebP、BMP、GIF

工具基于浏览器 Canvas 处理图片,非图片格式无法解码为像素数据,直接跳过处理。

4.图片宽度过大(超过 10000px),切割后空白段

✗ 错误上传一张宽度 15000px 的横幅图片
✓ 修复先用其他工具将图片宽度缩放到 8000px 以内再切割

浏览器 Canvas 有最大尺寸限制(各浏览器不同,通常 8192~16384px),超限后绘制失败,导致输出空白图片。

5.GIF 动画被切割后丢失动画效果

✗ 错误上传一张动画 GIF,期望得到多段动画 GIF
✓ 修复确认工具说明:仅保留 GIF 第一帧,输出为静态 PNG 片段

工具使用 Canvas 的 drawImage 截取,Canvas 只能渲染 GIF 首帧,后续帧丢失。

6.切割高度设得太大,只切出一张原图

✗ 错误图片高 1000px,切割高度设为 2000px
✓ 修复切割高度应 ≤ 图片高度,否则只输出一张完整原图

工具逻辑:当切割高度 ≥ 图片高度时,只输出一张与原图等大的图片,失去切割意义。

7.文件名包含特殊字符(如 # ? %),下载时乱码

✗ 错误图片名为「风景#1.png」
✓ 修复上传前将文件名改为纯英文或数字,如 scene_1.png

浏览器下载时,文件名中的 #、? 等字符会被解析为 URL 参数或片段标识,导致文件名截断或乱码。

8.透明背景 PNG 切割后边缘出现黑边

✗ 错误上传带透明区域的 PNG,切割后透明部分变成黑色
✓ 修复在切割前将图片转为带白色背景的 JPEG 或 PNG(不透明)

Canvas 导出为 JPEG 时不支持透明通道,透明像素被填充为黑色;若导出为 PNG 则正常保留透明度。

第三节

工作原理

How It Works

核心公式

切片数量 = ceil(原图高度 ÷ 每片最大高度)

变量说明

  • 原图高度原始图片的像素高度
  • 每片最大高度用户设定的单张切片像素上限
  • 切片数量向上取整后的总切片张数

示例

原图高度 3200 px,每片最大高度 800 px:切片数量 = ceil(3200 ÷ 800) = ceil(4) = 4 张,每张高度均为 800 px(最后一张可能不足 800,但此处整除)。若原图高度 3500 px、每片 800 px:切片数量 = ceil(3500 ÷ 800) = ceil(4.375) = 5 张,前 4 张各 800 px,第 5 张 300 px。

上传长图PNG / JPG / WebP读取图片尺寸获取总高度计算切割点按限高均分 / 等分切片Canvas逐段绘制裁剪区域生成 Blob每段独立图片打包下载ZIP 压缩保存本地全程在浏览器本地完成,图片不上传服务器
用户输入 本地处理 输出结果
第五节

常见问题

Q & A
怎么把一张超长的聊天记录截图切成多张,每张高度一样?

本工具就是做这个的。上传图片后,在「固定高度」输入框里填你想要的每段高度(比如 2000 像素),工具会自动从上到下切成多张,每张高度一致。切完后批量下载 zip。注意原图总高度必须是设定值的整数倍,否则最后一张会短一截;如果最后一张太短,可以调低高度值让切分数更均匀。

我想按某个内容分界线切,比如每段文字结束的地方,工具能智能识别吗?

不能。本工具是「限高/等高」机械切分,不识别图片内容,不会按文字段落或图片边界自动分段。如果你需要智能按内容切割(如自动识别空白行或段落结束),本工具不适用。建议先用本工具按固定高度粗切,再手动微调或用其他支持内容识别的工具。

切出来的图片质量会变差吗?

不会。本工具纯浏览器端处理,不经过服务器,不重新编码压缩。切割只是从原图上裁剪指定区域,不改变像素数据,输出图片格式和质量与原图完全一致。如果切出来感觉模糊,请检查原图本身分辨率是否过低,或浏览器是否缩放了预览图。

支持 PNG、JPG、WebP 吗?最大能传多大?

支持常见图片格式:PNG、JPG、JPEG、WebP、BMP、GIF 等。最大文件大小取决于浏览器内存限制,一般建议单图不超过 50MB 或 10000 像素边长。超大图(如 20000 像素长)可能因浏览器内存不足导致崩溃,此时可先用其他工具缩小后再切割。

为什么我切出来的图片顺序乱了?

下载 zip 后解压,文件名按切割顺序编号(如 0001.png、0002.png)。如果系统排序显示乱序,通常是文件管理器按名称字符串排序导致「10」排在「2」前面。本工具已用前缀零补齐文件名(如 0001-9999),确保按名称排序时顺序正确。如果仍乱,请检查是否用了第三方解压软件改变了文件名。

手机浏览器能用吗?

可以。本工具完全在浏览器端运行,不依赖后端,手机浏览器(Chrome、Safari 等)均可使用。但手机屏幕小,建议横屏操作或使用平板。注意手机浏览器可能对超大图片内存有限制,如果图片过大导致页面卡顿,可先压缩图片再上传。

跟 PS 切片工具比有什么优势?

优势是快和零门槛:不用安装软件,打开网页上传图片就能切,适合临时快速处理。劣势是功能单一:不能自定义切分线位置、不能导出不同格式、不能批量处理文件夹。PS 适合精细切割(如按参考线手动切),本工具适合批量按固定高度切长图(如聊天记录、网页截图、长文章截图)。

切到一半浏览器崩溃了,怎么恢复?

浏览器崩溃后无法恢复,因为所有处理都在本地内存中完成,没有中间缓存。建议:1) 切之前先保存原图;2) 如果图片超大,可先压缩分辨率再切;3) 分多次切——比如先切前 1/3,确认没问题再继续。本工具不会上传图片,所以不存在服务器端恢复的可能。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

选择 打开 +新窗口 esc关闭