[{"data":1,"prerenderedAt":234},["ShallowReactive",2],{"blog-search-index":3,"article-combine-mixed-size-images-into-long-image":106,"article-navigation-combine-mixed-size-images-into-long-image":231},[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,100,103],{"path":5,"title":6},"\u002Fblog\u002Fbatch-add-tiled-text-watermark-to-images","多张图片怎么批量加平铺水印？半透明文字水印设置方法",{"path":8,"title":9},"\u002Fblog\u002Fimage-compression-strength-vs-resize","图片压缩强度和缩放比例怎么选？先看体积与像素再下载",{"path":11,"title":12},"\u002Fblog\u002Fsplit-long-image-into-equal-parts","长图怎么切成多张图片？按行等分并打包下载的方法",{"path":14,"title":15},"\u002Fblog\u002Fcombine-landscape-and-portrait-photos","横图竖图怎么拼成一张图？用宫格模板统一排版的方法",{"path":17,"title":18},"\u002Fblog\u002Fcombine-mixed-size-images-into-long-image","横图竖图尺寸不一样怎么拼成长图？统一宽度、排序和留白方法",{"path":20,"title":21},"\u002Fblog\u002Fmerge-pdf-files-in-filename-order","多个PDF怎么按文件名顺序合并？01、02、03排序后再导出",{"path":23,"title":24},"\u002Fblog\u002Fmerge-pdf-pages-onto-one-a4","PDF多页怎么合并到一张A4？电子发票2×2拼版与打印检查",{"path":26,"title":27},"\u002Fblog\u002Fsplit-pdf-every-few-pages","PDF怎么按固定页数拆分？每3页拆成一个文件的方法",{"path":29,"title":30},"\u002Fblog\u002Fimage-to-pdf-uniform-a4-pages","图片转PDF每页大小不一样？横竖图片统一排成A4的方法",{"path":32,"title":33},"\u002Fblog\u002Freorder-rotate-delete-pdf-pages-in-one-editor","PDF页码顺序乱了怎么办？在线排序、旋转、复制和删除PDF页面",{"path":35,"title":36},"\u002Fblog\u002Fcombine-multiple-images-into-one-pdf","多张图片怎么合并成一个PDF？按顺序排版JPG、PNG的在线方法",{"path":38,"title":39},"\u002Fblog\u002Fedit-pdf-online-without-uploading","不用上传文件的在线PDF编辑器，怎样给PDF添加文字、图片和签名？",{"path":41,"title":42},"\u002Fblog\u002Fannotate-and-sign-pdf-online","怎么给PDF添加电子签名、箭头和文字批注？在线审阅PDF的实用方法",{"path":44,"title":45},"\u002Fblog\u002Fadd-new-tool-pdf-remove-watermark","图文工具箱网站新增【PDF去水印】功能",{"path":47,"title":48},"\u002Fblog\u002Fadd-new-tool-pdf-extract-image","图文工具箱网站新增【PDF提取图片】功能",{"path":50,"title":51},"\u002Fblog\u002Fadd-new-tool-pdf-to-long-image","图文工具箱网站新增【PDF转长图】功能",{"path":53,"title":54},"\u002Fblog\u002Fadd-new-tool-pdf-resize","图文工具箱网站新增【PDF页面调整】功能",{"path":56,"title":57},"\u002Fblog\u002Fhow-to-modify-pdf-metadata","在线PDF元数据修改工具，支持修改PDF文件的标题、作者、修改时间、创建时间等元数据信息。",{"path":59,"title":60},"\u002Fblog\u002Fadd-watermark-to-pdf","在线PDF加水印工具，支持PDF文字水印和PDF图片水印，支持水印平铺效果",{"path":62,"title":63},"\u002Fblog\u002Fhow-to-add-pdf-page-numer","在线PDF加页码工具，一键给PDF文件添加页码，支持多种页码位置和页码样式",{"path":65,"title":66},"\u002Fblog\u002Fsort-pdf-by-pagenumber","在线PDF排序工具优化升级啦，新增一键按页码排序和人工快速排序模式",{"path":68,"title":69},"\u002Fblog\u002Fadd-watermark-to-images-in-bulk","在线图片加水印工具，支持文字水印和图片水印，支持指定位置或平铺效果",{"path":71,"title":72},"\u002Fblog\u002Fsplit-images-in-bulk","免费图片分割工具，可自定义行和列，轻松实现九宫格切图和个性化切图需求",{"path":74,"title":75},"\u002Fblog\u002Fcombine-images-with-grid","功能强大的网格拼图在线工具",{"path":77,"title":78},"\u002Fblog\u002Ffree-online-image-editor","一款功能强大的免费在线图片编辑工具",{"path":80,"title":81},"\u002Fblog\u002Fcombine-images-into-long-image-by-miniprogram","拼长图怎么拼？这个免费拼长图小程序，可一键实现图片垂直拼接和台词拼接",{"path":83,"title":84},"\u002Fblog\u002Fcombine-images-subtitle-into-one-image","如何拼接电影字幕？这款拼字幕工具，可将多张电影截图按照字幕台词顺序拼成一张图",{"path":86,"title":87},"\u002Fblog\u002Fcombine-images-into-long-image","拼长图工具，将多张图片垂直拼成一张长图，可设置边框大小和图片间距",{"path":89,"title":90},"\u002Fblog\u002Fhow-to-compress-pdf-online","PDF文件怎么压缩大小？这个在线工具特别简单，可一键搞定PDF文件压缩",{"path":92,"title":93},"\u002Fblog\u002Fhow-to-compress-image-in-bulk","图片怎么批量压缩大小？这个图片压缩方法，高清不模糊，能减少一半的文件大小，简单实用！",{"path":95,"title":96},"\u002Fblog\u002Fhow-to-sort-pdf-pages","PDF页面排序一个工具轻松搞定，还支持PDF页面旋转、PDF页面删除、页面插入！",{"path":98,"title":99},"\u002Fblog\u002Fhow-to-split-pdf-online","如何把PDF拆分？这个简单方法一学就会，可在线将PDF分割成多个文件",{"path":101,"title":102},"\u002Fblog\u002Ffree-pdf-merge-tool","免费PDF合并工具",{"path":104,"title":105},"\u002Fblog\u002Fgradient-blue-background-idphoto-make","蓝底渐变色证件照制作",{"id":107,"title":18,"body":108,"category":222,"description":223,"extension":224,"meta":225,"navigation":226,"path":17,"published":227,"seo":228,"stem":229,"__hash__":230},"content\u002Fblog\u002Fcombine-mixed-size-images-into-long-image.md",{"type":109,"value":110,"toc":214},"minimark",[111,115,124,127,131,134,137,140,151,154,158,166,169,173,176,183,186,205,208,211],[112,113,114],"p",{},"整理旅行照片、步骤截图或商品细节图时，素材经常既有横图，也有竖图和方图。把它们强行改成同样宽高会造成拉伸；放进固定宫格，又可能裁掉边缘。需要的是一张从上到下连续阅读的长图时，可以让图片保持原比例，只统一拼接宽度。",[112,116,117,118,123],{},"打开图文工具箱的",[119,120,122],"a",{"href":121},"https:\u002F\u002Fimgtool.net\u002Fimagecombine\u002F","拼长图工具","，点击“添加图片”一次选入多张素材。页面会直接显示“图片预览”和“图片列表”，不必等到下载后才发现顺序或留白不合适。",[112,125,126],{},"当前页面通过浏览器本地对象地址读取所选图片，再在 Canvas 中完成拼接；从这条处理流程看，图片不会为了合成长图而提交到服务器。处理过程中仍应保持页面打开，直到浏览器开始下载成品。",[128,129,130],"h2",{"id":130},"不同尺寸的图片会怎样统一宽度",[112,132,133],{},"“拼接方向”默认是“垂直”。在这个方向下，工具以所选图片中最窄的一张为基准宽度，其他图片按原比例缩放到相同宽度，再从上到下依次画入长图。图片不会被硬拉成统一高度，也没有按固定格子裁切边缘。",[112,135,136],{},"这条规则有一个容易忽略的影响：如果其中一张图的像素宽度特别小，整张长图的内容宽度也会跟着变窄。包含小字、表格或商品参数时，添加图片后应先看预览；明显过窄的素材可以删除，换成更合适的版本后再处理。",[112,138,139],{},"下图使用一张横图、一张竖图和一张方图测试。设置为垂直拼接后，横图和竖图都保留了自身比例；边框与图片间距露出的暖白色来自“背景颜色”。",[112,141,145,146],{"className":142},[143,144],"flex","justify-center","\n  ",[147,148],"img",{"src":149,"alt":150},"\u002Fimage\u002F2026\u002Fimagecombine-mixed-sizes-preview.webp","拼长图工具将横图和竖图按统一宽度纵向排列，并显示暖白色边框与图片间距",[112,152,153],{},"如果目标是把多张图片排成一条横向画面，可以把“拼接方向”改成“水平”。此时工具改用最矮图片的高度作为基准，其他图片按比例缩放后从左到右排列。横向长图可能不适合手机竖屏阅读，选择方向前应先确认最终发布位置。",[128,155,157],{"id":156},"边框间距和背景颜色分别控制什么","边框、间距和背景颜色分别控制什么",[112,159,160,161,165],{},"“边框大小”会在成图四周增加留白，“图片间距”只出现在相邻图片之间，两者都以 px 为单位。背景颜色同时填充外边框和图片之间的空隙，因此设置浅色背景时，间隔会更清楚；想做无缝拼接，可把边框和间距都设为 ",[162,163,164],"code",{},"0","。",[112,167,168],{},"页面参数变化后会重新生成预览。较稳妥的顺序是先选拼接方向，再调间距和边框，最后检查背景颜色。这样可以避免在横向、纵向切换后，误把原来合适的留白直接沿用到另一种版式。",[128,170,172],{"id":171},"先排顺序再点击开始处理","先排顺序，再点击“开始处理”",[112,174,175],{},"长图的阅读顺序取决于“图片列表”。列表中的缩略图可以上下拖动排序，每张图右下角还有删除按钮。步骤截图应按操作先后排列；照片记录则可以按时间、地点或远景到近景组织。顺序调整后回到预览确认接缝处是否自然。",[112,177,145,179],{"className":178},[143,144],[147,180],{"src":181,"alt":182},"\u002Fimage\u002F2026\u002Fimagecombine-drag-sort-list.webp","拼长图工具的图片列表显示横图、竖图和方图三张素材以及单张删除按钮",[112,184,185],{},"至少添加两张图片后，点击“开始处理”。如果只添加一张，页面会提示“至少添加2张图片”。当前导出格式固定为 JPEG，文件名按处理时间生成，浏览器随后发起下载；实际保存位置取决于浏览器的下载设置。",[112,187,188,189,192,193,196,197,200,201,204],{},"本次用 ",[162,190,191],{},"1600×900"," 横图、",[162,194,195],{},"900×1600"," 竖图和 ",[162,198,199],{},"1200×1200"," 方图进行实际下载，并设置 24 px 边框、18 px 图片间距，得到一张 ",[162,202,203],{},"948×3090"," 的 JPEG。成品宽度由 900 px 的最窄输入加上左右边框组成，三张图片均已合入同一文件。",[128,206,207],{"id":207},"下载后重点检查这几处",[112,209,210],{},"先用图片查看器打开成品，不要只依赖网页中的缩小预览。建议检查：图片是否按预定顺序出现，横竖图有没有被意外拉伸，小字是否仍然可读，接缝和外边框颜色是否一致，以及成图尺寸是否适合准备发布的平台。",[112,212,213],{},"这个工具使用页面里的 Canvas 顺序拼接图片，适合制作连续长图，但不是自由排版编辑器：它不能让图片互相覆盖，也没有单独裁切、加文字、贴纸或局部调色功能。导出固定为 JPEG，因此透明图片不会保留透明通道，而会与设置的背景颜色合成。需要固定宫格、自由移动裁切位置或导出透明 PNG 时，应改用对应的宫格拼图或图片编辑工具。",{"title":215,"searchDepth":216,"depth":216,"links":217},"",2,[218,219,220,221],{"id":130,"depth":216,"text":130},{"id":156,"depth":216,"text":157},{"id":171,"depth":216,"text":172},{"id":207,"depth":216,"text":207},"imagecombine","横图、竖图和方图尺寸不一致，怎样按顺序拼成一张连续长图？本文说明统一宽度的规则、图片排序、边框与间距设置，以及下载JPEG后的检查方法。","md",{},true,"2026-09-17",{"title":18,"description":223},"blog\u002Fcombine-mixed-size-images-into-long-image","j-oMf-97fxJZ7JXWpOa2b_XR1816swig3nD7zlrCfE4",{"previous":232,"next":233},{"path":14,"title":15,"published":227},{"path":20,"title":21,"published":227},1789802458244]