[{"data":1,"prerenderedAt":383},["ShallowReactive",2],{"blog-search-index":3,"article-split-transparent-png-preserve-background":166,"article-navigation-split-transparent-png-preserve-background":379},[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,106,109,112,115,118,121,124,127,130,133,136,139,142,145,148,151,154,157,160,163],{"path":5,"title":6},"\u002Fblog\u002Fsort-images-by-filename-before-pdf","图片转PDF怎么按文件名排序？1、2、10编号与手动调序",{"path":8,"title":9},"\u002Fblog\u002Fsplit-transparent-png-preserve-background","透明PNG图片怎么分割？保留透明背景与检查切片的方法",{"path":11,"title":12},"\u002Fblog\u002Funify-mixed-size-pdf-page-width","PDF页面大小不一致怎么统一宽度？参考页、A4页宽与下载检查",{"path":14,"title":15},"\u002Fblog\u002Fcombine-four-photos-into-one-image","四张照片怎么拼成一张图？在线四宫格拼图与保存方法",{"path":17,"title":18},"\u002Fblog\u002Freduce-pdf-long-image-file-size","PDF转长图文件太大怎么办？按上传限制调整JPG画质和宽度",{"path":20,"title":21},"\u002Fblog\u002Fexport-one-pdf-page-as-jpg-or-png","PDF怎么只导出某一页为图片？保存指定页为JPG或PNG的方法",{"path":23,"title":24},"\u002Fblog\u002Fremove-pdf-image-watermark-without-deleting-content","PDF去水印怎么避免误删正文？先检查图片，再确认“智能选择”",{"path":26,"title":27},"\u002Fblog\u002Finsert-blank-page-into-existing-pdf","PDF中间怎么插入空白页？选好位置和纸张，再检查导出页数",{"path":29,"title":30},"\u002Fblog\u002Fput-two-photos-on-one-a4-pdf-page","两张横向照片怎么放进一页A4 PDF？上下排版和奇数张检查",{"path":32,"title":33},"\u002Fblog\u002Fbatch-merge-invoice-pdfs-for-archive-and-print","批量合并电子发票PDF：保留原页归档，还是拼成A4打印？",{"path":35,"title":36},"\u002Fblog\u002Fchange-id-photo-to-white-background-one-inch","证件照怎么换白底并改成一寸？先选尺寸，再调整人像位置",{"path":38,"title":39},"\u002Fblog\u002Freverse-scanned-pdf-page-order","扫描件PDF倒序怎么改成正序？按页码排序前先分清两种编号",{"path":41,"title":42},"\u002Fblog\u002Frotate-one-pdf-page-and-save","PDF怎么只旋转其中一页并保存？其他页面不变的操作方法",{"path":44,"title":45},"\u002Fblog\u002Fbatch-add-transparent-png-watermark-to-photos","照片怎么批量加透明PNG水印？图片水印的大小、位置和白底问题",{"path":47,"title":48},"\u002Fblog\u002Fpdf-to-long-image-width-and-clarity","PDF转长图怎么设置宽度和清晰度？横竖混排页面合成1000像素长图",{"path":50,"title":51},"\u002Fblog\u002Fbatch-resize-images-to-same-width","多张图片怎么统一宽度不变形？批量设为800像素并检查下载结果",{"path":53,"title":54},"\u002Fblog\u002Fsplit-photo-into-nine-square-tiles","一张图片怎么分割成九宫格？切成9张正方形与排列顺序说明",{"path":56,"title":57},"\u002Fblog\u002Fchange-pdf-title-author-and-check-metadata","PDF标题和作者怎么改？修改元数据后这样检查下载文件",{"path":59,"title":60},"\u002Fblog\u002Fprint-two-pdf-invoices-on-one-a4","两张电子发票怎么合并到一页A4打印？2行1列设置与成品检查",{"path":62,"title":63},"\u002Fblog\u002Fadd-repeating-text-watermark-to-pdf","PDF怎么加满屏文字水印？平铺、透明度和间距设置方法",{"path":65,"title":66},"\u002Fblog\u002Fbatch-add-tiled-text-watermark-to-images","多张图片怎么批量加平铺水印？半透明文字水印设置方法",{"path":68,"title":69},"\u002Fblog\u002Fimage-compression-strength-vs-resize","图片压缩强度和缩放比例怎么选？先看体积与像素再下载",{"path":71,"title":72},"\u002Fblog\u002Fsplit-long-image-into-equal-parts","长图怎么切成多张图片？按行等分并打包下载的方法",{"path":74,"title":75},"\u002Fblog\u002Fcombine-landscape-and-portrait-photos","横图竖图怎么拼成一张图？用宫格模板统一排版的方法",{"path":77,"title":78},"\u002Fblog\u002Fcombine-mixed-size-images-into-long-image","横图竖图尺寸不一样怎么拼成长图？统一宽度、排序和留白方法",{"path":80,"title":81},"\u002Fblog\u002Fmerge-pdf-files-in-filename-order","多个PDF怎么按文件名顺序合并？01、02、03排序后再导出",{"path":83,"title":84},"\u002Fblog\u002Fmerge-pdf-pages-onto-one-a4","PDF多页怎么合并到一张A4？电子发票2×2拼版与打印检查",{"path":86,"title":87},"\u002Fblog\u002Fsplit-pdf-every-few-pages","PDF怎么按固定页数拆分？每3页拆成一个文件的方法",{"path":89,"title":90},"\u002Fblog\u002Fimage-to-pdf-uniform-a4-pages","图片转PDF每页大小不一样？横竖图片统一排成A4的方法",{"path":92,"title":93},"\u002Fblog\u002Freorder-rotate-delete-pdf-pages-in-one-editor","PDF页码顺序乱了怎么办？在线排序、旋转、复制和删除PDF页面",{"path":95,"title":96},"\u002Fblog\u002Fcombine-multiple-images-into-one-pdf","多张图片怎么合并成一个PDF？按顺序排版JPG、PNG的在线方法",{"path":98,"title":99},"\u002Fblog\u002Fedit-pdf-online-without-uploading","不用上传文件的在线PDF编辑器，怎样给PDF添加文字、图片和签名？",{"path":101,"title":102},"\u002Fblog\u002Fannotate-and-sign-pdf-online","怎么给PDF添加电子签名、箭头和文字批注？在线审阅PDF的实用方法",{"path":104,"title":105},"\u002Fblog\u002Fadd-new-tool-pdf-remove-watermark","图文工具箱网站新增【PDF去水印】功能",{"path":107,"title":108},"\u002Fblog\u002Fadd-new-tool-pdf-extract-image","图文工具箱网站新增【PDF提取图片】功能",{"path":110,"title":111},"\u002Fblog\u002Fadd-new-tool-pdf-to-long-image","图文工具箱网站新增【PDF转长图】功能",{"path":113,"title":114},"\u002Fblog\u002Fadd-new-tool-pdf-resize","图文工具箱网站新增【PDF页面调整】功能",{"path":116,"title":117},"\u002Fblog\u002Fhow-to-modify-pdf-metadata","在线PDF元数据修改工具，支持修改PDF文件的标题、作者、修改时间、创建时间等元数据信息。",{"path":119,"title":120},"\u002Fblog\u002Fadd-watermark-to-pdf","在线PDF加水印工具，支持PDF文字水印和PDF图片水印，支持水印平铺效果",{"path":122,"title":123},"\u002Fblog\u002Fhow-to-add-pdf-page-numer","在线PDF加页码工具，一键给PDF文件添加页码，支持多种页码位置和页码样式",{"path":125,"title":126},"\u002Fblog\u002Fsort-pdf-by-pagenumber","在线PDF排序工具优化升级啦，新增一键按页码排序和人工快速排序模式",{"path":128,"title":129},"\u002Fblog\u002Fadd-watermark-to-images-in-bulk","在线图片加水印工具，支持文字水印和图片水印，支持指定位置或平铺效果",{"path":131,"title":132},"\u002Fblog\u002Fsplit-images-in-bulk","免费图片分割工具，可自定义行和列，轻松实现九宫格切图和个性化切图需求",{"path":134,"title":135},"\u002Fblog\u002Fcombine-images-with-grid","功能强大的网格拼图在线工具",{"path":137,"title":138},"\u002Fblog\u002Ffree-online-image-editor","一款功能强大的免费在线图片编辑工具",{"path":140,"title":141},"\u002Fblog\u002Fcombine-images-into-long-image-by-miniprogram","拼长图怎么拼？这个免费拼长图小程序，可一键实现图片垂直拼接和台词拼接",{"path":143,"title":144},"\u002Fblog\u002Fcombine-images-subtitle-into-one-image","如何拼接电影字幕？这款拼字幕工具，可将多张电影截图按照字幕台词顺序拼成一张图",{"path":146,"title":147},"\u002Fblog\u002Fcombine-images-into-long-image","拼长图工具，将多张图片垂直拼成一张长图，可设置边框大小和图片间距",{"path":149,"title":150},"\u002Fblog\u002Fhow-to-compress-pdf-online","PDF文件怎么压缩大小？这个在线工具特别简单，可一键搞定PDF文件压缩",{"path":152,"title":153},"\u002Fblog\u002Fhow-to-compress-image-in-bulk","图片怎么批量压缩大小？这个图片压缩方法，高清不模糊，能减少一半的文件大小，简单实用！",{"path":155,"title":156},"\u002Fblog\u002Fhow-to-sort-pdf-pages","PDF页面排序一个工具轻松搞定，还支持PDF页面旋转、PDF页面删除、页面插入！",{"path":158,"title":159},"\u002Fblog\u002Fhow-to-split-pdf-online","如何把PDF拆分？这个简单方法一学就会，可在线将PDF分割成多个文件",{"path":161,"title":162},"\u002Fblog\u002Ffree-pdf-merge-tool","免费PDF合并工具",{"path":164,"title":165},"\u002Fblog\u002Fgradient-blue-background-idphoto-make","蓝底渐变色证件照制作",{"id":167,"title":9,"body":168,"category":370,"description":371,"extension":372,"meta":373,"navigation":374,"path":8,"published":375,"seo":376,"stem":377,"__hash__":378},"content\u002Fblog\u002Fsplit-transparent-png-preserve-background.md",{"type":169,"value":170,"toc":362},"minimark",[171,184,193,197,204,207,210,214,217,224,227,238,245,248,251,255,258,276,279,331,341,344,347,350,353,356,359],[172,173,174,175,179,180,183],"p",{},"一张已经抠好背景的 PNG 素材，需要切成几块放进不同版面。分割预览却显示白色背景：是透明部分丢了，还是页面只是用白底展示？这里要分开看",[176,177,178],"strong",{},"预览底色","和",[176,181,182],{},"下载文件的透明通道","。更关键的是，工具默认导出 JPG，需要在处理前改成 PNG。",[172,185,186,187,192],{},"图文工具箱的",[188,189,191],"a",{"href":190},"https:\u002F\u002Fimgtool.net\u002Fimagesplit\u002F","图片分割工具","支持按行列等分图片，并将切片打包为 ZIP。下面用一张 800×600 的透明 PNG 素材切成四块，说明怎样保留原有透明区域，以及下载后该检查什么。",[194,195,196],"h2",{"id":196},"先确认原图真的有透明区域",[172,198,199,203],{},[200,201,202],"code",{},".png"," 后缀并不代表图片一定透明。如果原图的背景已经是白色像素，选择 PNG 导出也不会自动把它抠掉。",[172,205,206],{},"可以先在支持透明显示的图片编辑器里打开原图，放到深色背景上看一眼。杯子、花朵或其他主体外围能露出下方背景，才说明这些区域透明；如果仍有完整的白色矩形，应先完成去背景处理，再来分割。",[172,208,209],{},"这个工具负责切图，没有自动抠图或删除白底的入口。对于已经带有透明区域的素材，PNG 输出才是保留透明背景的合适选择。",[194,211,213],{"id":212},"透明png切成四张设为2行2列输出选png","透明PNG切成四张：设为2行2列，输出选PNG",[172,215,216],{},"点击“添加图片”，选择原图。页面出现“分割设置”后，把“行”和“列”都改为 2，就能得到四块；默认的 3 行 3 列会切成九块，需要手动调整。",[172,218,219,220,223],{},"接着在“下载设置”的“图片格式”中选择 ",[176,221,222],{},"PNG","。页面旁边也会提示“PNG支持透明背景”。切换后，“比例(%)”选项会隐藏，这项参数用于 JPG 编码画质，不是图片尺寸比例，也不是透明度。",[172,225,226],{},"下图中的素材由蓝色杯子、花朵和浅色布料组成，外围原本透明。设置为 2 行 2 列、PNG 后，预览依然显示白底。",[172,228,232,233],{"className":229},[230,231],"flex","justify-center","\n  ",[234,235],"img",{"src":236,"alt":237},"\u002Fimage\u002F2026\u002Fimagesplit-transparent-png-four-parts.webp","图片分割工具设为2行2列并选择PNG输出，透明杯子花朵素材在分割预览中显示白底",[172,239,240,241,244],{},"当前预览会先绘制白色背景，再放上切分后的画面；它没有用棋盘格显示透明区域。",[176,242,243],{},"预览白底不等于 PNG 切片被填上白色。"," 分块之间的白色间隔也只是预览提示，不会作为白边加入每张导出图片。",[172,246,247],{},"预览更适合检查分割线的位置：有没有切断需要完整使用的主体，文字或细线是否正好压在接缝上。工具按网格等分，不能拖动某一条分割线，也不会自动避开主体。需要每块包含一个完整物件时，应先调整原图排布，或改用能自由裁剪的编辑工具。",[172,249,250],{},"一次添加多张图片时，它们共用同一组行列和格式设置。点击列表里的图片只会切换预览，处理时仍会导出列表中的所有图片；不需要的原图应先删除。",[194,252,254],{"id":253},"下载zip后怎样确认透明背景保留了","下载ZIP后，怎样确认透明背景保留了",[172,256,257],{},"核对“图片格式”仍为 PNG，再点击“开始处理”。如果出现验证码提示，按页面提示完成后再次点击处理。浏览器会下载 ZIP，保存位置由浏览器下载设置决定。",[172,259,260,261,264,265,268,269,264,272,275],{},"解压后，每张原图的切片放在以原文件名去掉扩展名命名的文件夹中。四宫格的 ",[200,262,263],{},"1.png","、",[200,266,267],{},"2.png"," 是上排，",[200,270,271],{},"3.png",[200,273,274],{},"4.png"," 是下排，均按从左到右编号。",[172,277,278],{},"本次分别用 PNG 和 JPG 设置处理同一张透明素材，实际下载结果如下：",[280,281,282,301],"table",{},[283,284,285],"thead",{},[286,287,288,292,295,298],"tr",{},[289,290,291],"th",{},"输出设置",[289,293,294],{},"ZIP中的切片",[289,296,297],{},"每张尺寸",[289,299,300],{},"透明背景检查结果",[302,303,304,318],"tbody",{},[286,305,306,309,312,315],{},[307,308,222],"td",{},[307,310,311],{},"4张PNG",[307,313,314],{},"400×300像素",[307,316,317],{},"均含透明区域，透明通道与原图对应区域一致",[286,319,320,323,326,328],{},[307,321,322],{},"JPG",[307,324,325],{},"4张JPG",[307,327,314],{},[307,329,330],{},"不含透明通道，原有透明背景无法保留",[172,332,333,334,337,338,340],{},"两份 ZIP 均能正常读取，八张图片也都能解码。这个对照说明选择 PNG 的作用；不能只把下载的 ",[200,335,336],{},".jpg"," 改名为 ",[200,339,202],{},"，必须回到页面重新选择格式并处理。",[172,342,343],{},"检查自己的结果时，不要只靠查看器的白色背景判断。把解压后的 PNG 放到深色或彩色画布上，看原本透明的位置是否透出下层颜色；再放大主体边缘，检查有没有白边、缺口或被分割线截断的细节。如果编辑器支持透明棋盘格，也可以用它辅助检查。",[194,345,346],{"id":346},"切片尺寸和接缝还要单独核对",[172,348,349],{},"800×600 的图片按 2 行 2 列分割，宽高都能整除，所以本次每块为 400×300，四块的透明通道可以按编号对应回原图。换成其他图片，不应直接套用这个尺寸。",[172,351,352],{},"当前工具会对每块的宽高取整。需要把切片重新拼回完整图，或处理贴着画布边缘的细线时，尽量让原图宽度能被列数整除、高度能被行数整除；否则可能出现边缘像素遗漏或画布范围超出的情况，下载后要检查接缝。",[172,354,355],{},"它也不会为每块额外增加留白，不提供分片后逐张编辑。若后续排版需要每个主体完整、边缘留出固定距离，应在原图准备阶段完成这些调整。",[172,357,358],{},"这条分割流程在浏览器中读取所选图片，用 Canvas 切分并打包下载，不需要把原图提交到服务器处理。图片很大或切片很多时仍会占用浏览器内存，不能据此推断任意尺寸都能处理。",[172,360,361],{},"保留原图，再确认切片数量等于“行 × 列”、格式为 PNG、透明区域能露出下层背景，最后按编号检查四块接缝。数量和透明度都正确后，再把切片放入目标版面；PNG 导出不会自动去白底，也不会补回原图已丢失的画面细节。",{"title":363,"searchDepth":364,"depth":364,"links":365},"",2,[366,367,368,369],{"id":196,"depth":364,"text":196},{"id":212,"depth":364,"text":213},{"id":253,"depth":364,"text":254},{"id":346,"depth":364,"text":346},"imagesplit","透明素材切成多张图片后，为什么预览看起来有白底？本文用800×600的透明PNG说明2行2列分割、PNG导出与ZIP解压，并给出透明背景、边缘和切片尺寸的检查方法。","md",{},true,"2026-10-11",{"title":9,"description":371},"blog\u002Fsplit-transparent-png-preserve-background","VRoXqr373kdi7uiIQBBlMPZsMZ-pjsaUCsVcVZhYr3g",{"previous":380,"next":382},{"path":11,"title":12,"published":381},"2026-10-03",{"path":5,"title":6,"published":375},1791692087829]