[{"data":1,"prerenderedAt":219},["ShallowReactive",2],{"blog-search-index":3,"article-combine-landscape-and-portrait-photos":100,"article-navigation-combine-landscape-and-portrait-photos":215},[4,7,10,13,16,19,22,25,28,31,34,37,40,43,46,49,52,55,58,61,64,67,70,73,76,79,82,85,88,91,94,97],{"path":5,"title":6},"\u002Fblog\u002Fsplit-long-image-into-equal-parts","长图怎么切成多张图片？按行等分并打包下载的方法",{"path":8,"title":9},"\u002Fblog\u002Fcombine-landscape-and-portrait-photos","横图竖图怎么拼成一张图？用宫格模板统一排版的方法",{"path":11,"title":12},"\u002Fblog\u002Fcombine-mixed-size-images-into-long-image","横图竖图尺寸不一样怎么拼成长图？统一宽度、排序和留白方法",{"path":14,"title":15},"\u002Fblog\u002Fmerge-pdf-files-in-filename-order","多个PDF怎么按文件名顺序合并？01、02、03排序后再导出",{"path":17,"title":18},"\u002Fblog\u002Fmerge-pdf-pages-onto-one-a4","PDF多页怎么合并到一张A4？电子发票2×2拼版与打印检查",{"path":20,"title":21},"\u002Fblog\u002Fsplit-pdf-every-few-pages","PDF怎么按固定页数拆分？每3页拆成一个文件的方法",{"path":23,"title":24},"\u002Fblog\u002Fimage-to-pdf-uniform-a4-pages","图片转PDF每页大小不一样？横竖图片统一排成A4的方法",{"path":26,"title":27},"\u002Fblog\u002Freorder-rotate-delete-pdf-pages-in-one-editor","PDF页码顺序乱了怎么办？在线排序、旋转、复制和删除PDF页面",{"path":29,"title":30},"\u002Fblog\u002Fcombine-multiple-images-into-one-pdf","多张图片怎么合并成一个PDF？按顺序排版JPG、PNG的在线方法",{"path":32,"title":33},"\u002Fblog\u002Fedit-pdf-online-without-uploading","不用上传文件的在线PDF编辑器，怎样给PDF添加文字、图片和签名？",{"path":35,"title":36},"\u002Fblog\u002Fannotate-and-sign-pdf-online","怎么给PDF添加电子签名、箭头和文字批注？在线审阅PDF的实用方法",{"path":38,"title":39},"\u002Fblog\u002Fadd-new-tool-pdf-remove-watermark","图文工具箱网站新增【PDF去水印】功能",{"path":41,"title":42},"\u002Fblog\u002Fadd-new-tool-pdf-extract-image","图文工具箱网站新增【PDF提取图片】功能",{"path":44,"title":45},"\u002Fblog\u002Fadd-new-tool-pdf-to-long-image","图文工具箱网站新增【PDF转长图】功能",{"path":47,"title":48},"\u002Fblog\u002Fadd-new-tool-pdf-resize","图文工具箱网站新增【PDF页面调整】功能",{"path":50,"title":51},"\u002Fblog\u002Fhow-to-modify-pdf-metadata","在线PDF元数据修改工具，支持修改PDF文件的标题、作者、修改时间、创建时间等元数据信息。",{"path":53,"title":54},"\u002Fblog\u002Fadd-watermark-to-pdf","在线PDF加水印工具，支持PDF文字水印和PDF图片水印，支持水印平铺效果",{"path":56,"title":57},"\u002Fblog\u002Fhow-to-add-pdf-page-numer","在线PDF加页码工具，一键给PDF文件添加页码，支持多种页码位置和页码样式",{"path":59,"title":60},"\u002Fblog\u002Fsort-pdf-by-pagenumber","在线PDF排序工具优化升级啦，新增一键按页码排序和人工快速排序模式",{"path":62,"title":63},"\u002Fblog\u002Fadd-watermark-to-images-in-bulk","在线图片加水印工具，支持文字水印和图片水印，支持指定位置或平铺效果",{"path":65,"title":66},"\u002Fblog\u002Fsplit-images-in-bulk","免费图片分割工具，可自定义行和列，轻松实现九宫格切图和个性化切图需求",{"path":68,"title":69},"\u002Fblog\u002Fcombine-images-with-grid","功能强大的网格拼图在线工具",{"path":71,"title":72},"\u002Fblog\u002Ffree-online-image-editor","一款功能强大的免费在线图片编辑工具",{"path":74,"title":75},"\u002Fblog\u002Fcombine-images-into-long-image-by-miniprogram","拼长图怎么拼？这个免费拼长图小程序，可一键实现图片垂直拼接和台词拼接",{"path":77,"title":78},"\u002Fblog\u002Fcombine-images-subtitle-into-one-image","如何拼接电影字幕？这款拼字幕工具，可将多张电影截图按照字幕台词顺序拼成一张图",{"path":80,"title":81},"\u002Fblog\u002Fcombine-images-into-long-image","拼长图工具，将多张图片垂直拼成一张长图，可设置边框大小和图片间距",{"path":83,"title":84},"\u002Fblog\u002Fhow-to-compress-pdf-online","PDF文件怎么压缩大小？这个在线工具特别简单，可一键搞定PDF文件压缩",{"path":86,"title":87},"\u002Fblog\u002Fhow-to-compress-image-in-bulk","图片怎么批量压缩大小？这个图片压缩方法，高清不模糊，能减少一半的文件大小，简单实用！",{"path":89,"title":90},"\u002Fblog\u002Fhow-to-sort-pdf-pages","PDF页面排序一个工具轻松搞定，还支持PDF页面旋转、PDF页面删除、页面插入！",{"path":92,"title":93},"\u002Fblog\u002Fhow-to-split-pdf-online","如何把PDF拆分？这个简单方法一学就会，可在线将PDF分割成多个文件",{"path":95,"title":96},"\u002Fblog\u002Ffree-pdf-merge-tool","免费PDF合并工具",{"path":98,"title":99},"\u002Fblog\u002Fgradient-blue-background-idphoto-make","蓝底渐变色证件照制作",{"id":101,"title":9,"body":102,"category":206,"description":207,"extension":208,"meta":209,"navigation":210,"path":8,"published":211,"seo":212,"stem":213,"__hash__":214},"content\u002Fblog\u002Fcombine-landscape-and-portrait-photos.md",{"type":103,"value":104,"toc":198},"minimark",[105,109,118,123,131,134,145,148,152,155,158,165,168,171,174,177,181,184,192,195],[106,107,108],"p",{},"三张照片里，有一张是横着拍的风景，一张是竖版截图，还有一张接近方形。直接并排时，高矮和留白往往对不上；如果强行改成相同宽高，人物或文字又可能被拉变形。更合适的做法是先选一个固定宫格，再让每张图按格子比例裁切。",[106,110,111,112,117],{},"打开图文工具箱的",[113,114,116],"a",{"href":115},"https:\u002F\u002Fimgtool.net\u002Fimage-grid\u002F","宫格拼图工具","，点击“添加图片”，把需要合成的图片一次选入。本文实际使用了一张竖图和两张横图，三张测试图片采用同一组地中海旅行色调，页面可以同时预览并排版。",[119,120,122],"h2",{"id":121},"先按图片数量选模板不要急着改尺寸","先按图片数量选模板，不要急着改尺寸",[106,124,125,126,130],{},"上传后，在“选择布局”里把数字改成 ",[127,128,129],"strong",{},"3","。页面会给出多种三图模板：可以三等分，也可以让一张图占较大的区域、另外两张放在一侧。主图需要更醒目时，优先选不等分模板；三张图重要程度接近时，等分布局更容易保持视觉平衡。",[106,132,133],{},"下图是当前页面提供的三图模板。蓝色边框表示正在使用的“左侧大图、右侧两张上下排列”版式，换模板时会重新计算每个格子的形状。",[106,135,139,140],{"className":136},[137,138],"flex","justify-center","\n  ",[141,142],"img",{"src":143,"alt":144},"\u002Fimage\u002F2026\u002Fimage-grid-mixed-photo-layouts.webp","宫格拼图工具中的三图布局模板，当前选中左侧大图右侧两张上下排列的版式",[106,146,147],{},"模板规定的是格子结构，不会把图片强行拉宽或压扁。工具会让图片保持原比例并填满格子，因此比例不一致时，图片边缘可能被裁掉一部分。这一点正是横竖照片混排时最需要检查的地方。",[119,149,151],{"id":150},"重要内容被裁掉时先移动再缩放","重要内容被裁掉时，先移动再缩放",[106,153,154],{},"在“图片预览”中点击某一格，蓝色边框会标出当前图片，下方同时出现“图片设置”。可以直接在画布里拖动图片，调整它在格子中的裁切位置；“缩放比例”可在 100～300 之间修改。人物靠近画面边缘、截图中的标题被截断时，先拖动位置，仍不合适再逐步放大，不要一上来就把缩放值调得很高。",[106,156,157],{},"下面的预览把一张竖图放在左侧主视觉区，两张横图排列在右侧。图片比例都保留下来，但超出格子的部分会被裁切；这种不等分布局也比机械的三列等分更容易突出主图。",[106,159,139,161],{"className":160},[137,138],[141,162],{"src":163,"alt":164},"\u002Fimage\u002F2026\u002Fimage-grid-landscape-portrait-preview.webp","宫格拼图工具将地中海村落竖图放在左侧，两张同色调横图排列在右侧",[106,166,167],{},"如果照片方向本身不对，可以使用左转、右转和水平或垂直翻转。把图片从一个格子拖到另一个格子，还可以交换两格的位置；页面下方的“图片列表”也支持上下拖动排序。模板中某个位置更适合横图时，先换位通常比反复放大更省事。",[119,169,170],{"id":170},"方形成图怎样设置边框和间距",[106,172,173],{},"“画布设置”默认宽、高都是 1200 px，适合先做一张方形拼图。边框大小和图片间距默认都是 24 px，背景颜色为白色。想让照片之间有清楚的分隔，就保留适当间距；需要无缝拼接时，可把“边框大小”和“图片间距”都改成 0。",[106,175,176],{},"画布宽高决定最终文件的像素尺寸，不等于单张原图的尺寸。图片较小却被放进较大的格子时，成图并不会凭空增加细节。包含小字、表格或二维码的图片尤其要在下载后按实际大小查看，不能只看页面里的缩小预览。",[119,178,180],{"id":179},"jpg-和-png-怎么选","JPG 和 PNG 怎么选",[106,182,183],{},"“下载设置”提供 JPG 和 PNG。选 JPG 时可以调整 1～100 的画质比例，适合普通照片；比例越低，细节损失通常越明显。PNG 没有这个画质滑块，更适合包含文字、线条或需要避免 JPEG 压缩痕迹的画面。具体文件体积仍取决于画布尺寸和图片内容，不能只根据格式名称判断。",[106,185,186,187,191],{},"确认模板、裁切位置和顺序后点击“开始处理”，浏览器会发起图片下载。本次用默认 1200×1200 画布和 JPG 格式实际导出，得到的是一张 ",[188,189,190],"code",{},"1200×1200"," 的 JPEG 文件，三张测试图都已合入同一张图片；保存位置以浏览器的下载设置为准。没有添加图片时，页面会提示“至少添加1张图片”。",[106,193,194],{},"下载后建议检查四件事：最终宽高是否符合发布平台要求，人物或文字有没有被裁掉，三张图的位置是否正确，图片间距和背景色是否符合预期。发现问题时回到预览调整对应格子，再重新导出。",[106,196,197],{},"这个工具适合按现成宫格快速合成一张图片，但不是自由画布编辑器：它不能任意叠放图层，也没有文字、贴纸、滤镜或自动识别人脸并避开裁切的功能。需要精确抠图、复杂海报排版或逐像素修图时，应改用专门的图片编辑软件。",{"title":199,"searchDepth":200,"depth":200,"links":201},"",2,[202,203,204,205],{"id":121,"depth":200,"text":122},{"id":150,"depth":200,"text":151},{"id":170,"depth":200,"text":170},{"id":179,"depth":200,"text":180},"image-grid","横图、竖图尺寸和比例不一样，怎样拼成一张整齐的图片？本文用三图宫格说明模板选择、裁切位置、缩放、间距和JPG或PNG导出时的检查方法。","md",{},true,"2026-09-17",{"title":9,"description":207},"blog\u002Fcombine-landscape-and-portrait-photos","ZUNfJ1w-45eQFnLqd1Devuqp1ES6NDfBCA-5g0jNNiA",{"previous":216,"next":218},{"path":17,"title":18,"published":217},"2026-09-16",{"path":11,"title":12,"published":211},1789693852278]