[{"data":1,"prerenderedAt":279},["ShallowReactive",2],{"blog-img-split-complete-guide":3},{"id":4,"title":5,"author":6,"body":7,"category":260,"description":261,"extension":262,"image":263,"keywords":264,"meta":271,"navigation":272,"path":273,"publishedAt":274,"readingTime":275,"seo":276,"stem":277,"updatedAt":274,"__hash__":278},"blog\u002Fblog\u002Fimg-split-complete-guide.md","图片分割完全指南：长图发朋友圈九宫格，切图切整齐","91AI工具团队",{"type":8,"value":9,"toc":244},"minimark",[10,14,17,24,28,31,54,59,62,65,70,73,77,80,84,87,91,94,97,163,166,181,184,190,196,202,208,214,217],[11,12,13],"p",{},"你有没有这样的经历：精心做了一张长图想发朋友圈，结果微信一压，字都看不清；看别人发九宫格拼图超好看，自己却不知道怎么把一张图切成9张；做电商详情页，长图来不及一张张做，身边又没装PS。这些事看着麻烦，其实用一个在线切图工具几秒钟就能搞定。",[11,15,16],{},"图片分割完全指南，围绕这些真实痛点：怎么把一张图按网格、按行、按列切分成多张，做九宫格、切长图、拆详情页。全程在线，不用装软件，手机电脑都能用。",[11,18,19],{},[20,21],"img",{"alt":22,"src":23},"图片分割在线工具界面","\u002Fimages\u002Ftools\u002Fimg-split.png",[25,26,27],"h2",{"id":27},"在线图片分割工具",[11,29,30],{},"91AI工具图片分割功能，支持三种模式：",[32,33,34,42,48],"ol",{},[35,36,37,41],"li",{},[38,39,40],"strong",{},"按网格分割","：图片等分成 行×列 网格，每张尺寸相同，如 3×3 就是九宫格",[35,43,44,47],{},[38,45,46],{},"按行分割","：水平切分成长条，适合长图拆成多段",[35,49,50,53],{},[38,51,52],{},"按列分割","：垂直切分成竖条，适合产品图、信息图",[11,55,56],{},[20,57],{"alt":58,"src":23},"图片分割操作步骤",[11,60,61],{},"操作就六步：上传图片 → 选分割模式 → 设置行列数 → 点击分割 → 下载ZIP包。支持JPG、PNG、WebP格式，还能选择是否保留拼接留白边。",[25,63,64],{"id":64},"应用场景与痛点解决",[66,67,69],"h3",{"id":68},"_1-九宫格朋友圈拼图","1. 九宫格朋友圈拼图",[11,71,72],{},"把一张完整图片按 3行×3列 分割成9张，依次发到朋友圈，滑到下一张时自动拼成完整大图，比传单张更有视觉冲击力，也避免了微信压缩长图的问题。",[66,74,76],{"id":75},"_2-电商详情页长图切分","2. 电商详情页长图切分",[11,78,79],{},"详情页长图动辄几百KB甚至上MB，有些平台单张图片有大小限制。按行把长图切分成多张，逐张上传，手机滑动浏览体验顺滑，图片还不糊。",[66,81,83],{"id":82},"_3-ui设计稿切图","3. UI设计稿切图",[11,85,86],{},"设计师把整体设计稿按区域分割成独立按钮、图片素材，交付给前端切图，比手动框选又快又规整。",[66,88,90],{"id":89},"_4-拼图素材与教学卡片","4. 拼图素材与教学卡片",[11,92,93],{},"把整图按网格等分成拼图块，做亲子手工、教学卡片；或者把整页教材图切成单幅示意图，一张一页方便讲解。",[25,95,96],{"id":96},"切割模式怎么选",[98,99,100,116],"table",{},[101,102,103],"thead",{},[104,105,106,110,113],"tr",{},[107,108,109],"th",{},"需求",[107,111,112],{},"模式",[107,114,115],{},"设置",[117,118,119,131,142,153],"tbody",{},[104,120,121,125,128],{},[122,123,124],"td",{},"朋友圈九宫格",[122,126,127],{},"按网格",[122,129,130],{},"3行3列",[104,132,133,136,139],{},[122,134,135],{},"长图拆段",[122,137,138],{},"按行",[122,140,141],{},"按需要设行数",[104,143,144,147,150],{},[122,145,146],{},"产品图拆单",[122,148,149],{},"按列",[122,151,152],{},"2-4列",[104,154,155,158,160],{},[122,156,157],{},"UI切图",[122,159,127],{},[122,161,162],{},"按区域等分",[25,164,165],{"id":165},"注意事项",[167,168,169,172,175,178],"ul",{},[35,170,171],{},"分割是\"等分\"，不是按内容智能裁剪，复杂版面建议先调整构图再切",[35,173,174],{},"发九宫格时按1-9顺序发，网友才能拼出完整大图",[35,176,177],{},"分割不会二次压缩，输出的子图与原图清晰度一致",[35,179,180],{},"涉及他人版权素材，请确认有使用权",[25,182,183],{"id":183},"常见问题",[11,185,186,189],{},[38,187,188],{},"1. 分割后图片清晰度会变差吗？","\n不会。工具按原图等分输出，子图保持和原图一致的清晰度，不会额外压缩。",[11,191,192,195],{},[38,193,194],{},"2. 九宫格怎么切最合适？","\n选\"按网格\"模式，设3行3列，就能得到9张全是正方形的小图，适合发朋友圈拼大图。",[11,197,198,201],{},[38,199,200],{},"3. 支持哪些图片格式？","\n支持JPG、PNG、WebP等常见格式，一次处理一张或多张均可。",[11,203,204,207],{},[38,205,206],{},"4. 长图拆开会压缩吗？","\n按行分割的长条图保持清晰度，配合平台原图上传，基本不会被秒压。",[11,209,210,213],{},[38,211,212],{},"5. 能保留拼接的留白边吗？","\n可以。开启\"不分割留白边\"选项，边缘保留少量边距，方便拼图时对齐。",[25,215,216],{"id":216},"扩展阅读",[167,218,219,226,232,238],{},[35,220,221],{},[222,223,225],"a",{"href":224},"\u002Fhelp\u002Fimg-split","图片分割使用指南",[35,227,228],{},[222,229,231],{"href":230},"\u002Fblog\u002Fimg-compress-complete-guide","图片压缩：分割后瘦身",[35,233,234],{},[222,235,237],{"href":236},"\u002Fblog\u002Fimg-convert-complete-guide","图片格式转换：转成WebP等格式",[35,239,240],{},[222,241,243],{"href":242},"\u002Fhelp\u002Fimg-resize-guide","图片尺寸修改：切图前调整大小",{"title":245,"searchDepth":246,"depth":246,"links":247},"",2,[248,249,256,257,258,259],{"id":27,"depth":246,"text":27},{"id":64,"depth":246,"text":64,"children":250},[251,253,254,255],{"id":68,"depth":252,"text":69},3,{"id":75,"depth":252,"text":76},{"id":82,"depth":252,"text":83},{"id":89,"depth":252,"text":90},{"id":96,"depth":246,"text":96},{"id":165,"depth":246,"text":165},{"id":183,"depth":246,"text":183},{"id":216,"depth":246,"text":216},"image","长图发朋友圈被微信压缩成渣、想发九宫格拼图不知道怎么切、电商详情页长图要分成好几张才能发？图片分割完全指南在线把图片按网格行列等分切割成多张，制作九宫格朋友圈、电商详情页切图、拼图素材、UI设计稿切图都能用，纯前端处理不传服务器保护隐私，支持JPG PNG WebP，设置行列数一键分割下载，附九宫格与长图技巧。","md","\u002Fog-image.png",[265,266,267,268,269,270],"图片分割","九宫格制作","图片切割","长图分割","切图工具","在线图片切分",{},true,"\u002Fblog\u002Fimg-split-complete-guide","2026-08-14",6,{"title":5,"description":261},"blog\u002Fimg-split-complete-guide","eZhV4XHIwAoUMCcq3Y6P1kmYfnGuAtHWJItl0eDqe1k",1786673586608]