[{"data":1,"prerenderedAt":53},["ShallowReactive",2],{"blog-zh-batch-resize-images-jpg-png-webp-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"updated":8,"author":9,"tags":10,"keywords":14,"h1":6,"image":20,"imageAlt":21,"imageWidth":22,"imageHeight":23,"readingTime":24,"html":25,"recommendedTools":26,"faqs":39,"cta":49},"batch-resize-images-jpg-png-webp-guide","zh","批量修改图片尺寸的正确姿势：JPG、PNG、WebP 一次搞定","学会按比例、按固定尺寸批量修改图片尺寸，统一处理 JPG、PNG、WebP，避免图片变形和重复劳动。","2026-07-06","DocCrunch Team",[11,12,13],"批量修改图片尺寸","JPG PNG WebP","图片上传",[15,16,17,18,19],"批量图片改尺寸","JPG PNG WebP 改尺寸","按比例缩放图片","固定尺寸图片","在线图片改尺寸","\u002Fblog\u002Fresize-images-before-upload-online\u002Fdoccrunch-image-resize-tool.png","DocCrunch 批量图片改尺寸工具界面",1440,1100,1,"\u003Cp>很多人改图片尺寸的方式，还停留在“一张一张手动改”的阶段。图少还行，图一多就是灾难。\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fresize-images-before-upload-online\u002Fdoccrunch-image-resize-tool.png\" alt=\"DocCrunch 批量图片改尺寸工具界面\" width=\"1440\" height=\"1100\" decoding=\"async\">\u003C\u002Fp>\n\u003Cp>这篇就聊聊，怎么把这件小事做得又快又不出错。\u003C\u002Fp>\n\u003Ch2>先搞清楚：按比例还是按尺寸\u003C\u002Fh2>\n\u003Cp>改尺寸之前，先想明白你想要什么结果，这决定了你该怎么设。\u003C\u002Fp>\n\u003Cp>按比例缩放，适合“我只是嫌图太大”的情况。你不在乎最终具体多少像素，只想让图整体变小、又不想画面变形。这时候设个百分比，比如缩到 50%，长宽等比例一起缩，画面不会被拉扁。\u003C\u002Fp>\n\u003Cp>按尺寸缩放，适合“平台要求固定尺寸”的情况。比如商品主图要 800×800、头像要 200×200、Banner 要指定的宽。这种就直接填目标像素值，一步到位。\u003C\u002Fp>\n\u003Cp>搞混这两个，最容易出的问题就是图片被拉伸变形。人脸变宽、logo 变扁，基本都是这里出错。\u003C\u002Fp>\n\u003Ch2>常见平台尺寸参考\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>用途\u003C\u002Fth>\n\u003Cth>常见尺寸\u003C\u002Fth>\n\u003Cth>备注\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>电商主图\u003C\u002Ftd>\n\u003Ctd>800×800 \u002F 1000×1000\u003C\u002Ftd>\n\u003Ctd>正方形居多\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>头像\u003C\u002Ftd>\n\u003Ctd>200×200 \u002F 400×400\u003C\u002Ftd>\n\u003Ctd>正方形\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>微信公众号封面\u003C\u002Ftd>\n\u003Ctd>900×383\u003C\u002Ftd>\n\u003Ctd>大图\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>网站 Banner\u003C\u002Ftd>\n\u003Ctd>1920×600 左右\u003C\u002Ftd>\n\u003Ctd>视模板而定\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>社交平台配图\u003C\u002Ftd>\n\u003Ctd>长边 1080~1200\u003C\u002Ftd>\n\u003Ctd>太大会被压缩\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>具体以各平台当下要求为准，改之前建议再确认一眼。\u003C\u002Fp>\n\u003Ch2>批量处理，才是效率关键\u003C\u002Fh2>\n\u003Cp>真正花时间的从来不是改一张，而是改一堆。\u003C\u002Fp>\n\u003Cp>用 \u003Ca href=\"\u002Fzh\u002Fimage-resize\u002F\">批量图片改尺寸工具\u003C\u002Fa> 的流程很简单：打开网页，把要改的图一次性全拖进去；选好模式，按比例填百分比，按尺寸填目标像素；点确认，所有图一起处理；下载，收工。\u003C\u002Fp>\n\u003Cp>十几张、几十张图，规则设一次就统一搞定，不用重复劳动，也不会改着改着漏一张。\u003C\u002Fp>\n\u003Ch2>关于格式的一点提醒\u003C\u002Fh2>\n\u003Cp>JPG 适合照片，体积小，但每次保存会有轻微压缩。PNG 适合透明背景、截图和图标。WebP 越来越主流，同样清晰度下体积更小，适合网站加载。\u003C\u002Fp>\n\u003Cp>改尺寸的时候格式一般会保持不变，原来是啥格式，出来还是啥。如果你需要换格式，那是另一件事。\u003C\u002Fp>\n\u003Cp>顺带一提，这个工具是在浏览器里本地完成处理的，图片不会上传到服务器。对经常处理私密图片、内部资料的人来说，这算个隐藏加分项。\u003C\u002Fp>\n\u003Cp>想改图片尺寸，\u003Ca href=\"\u002Fzh\u002Fimage-resize\u002F\">点这里直接开始\u003C\u002Fa>，免费、免登录，不用装任何软件。\u003C\u002Fp>\n",[27,31,35],{"slug":28,"label":29,"description":30},"image-resize","免费图片改尺寸","按比例或指定像素批量修改 JPG、PNG、WebP 尺寸。",{"slug":32,"label":33,"description":34},"image-compress","图片压缩","改完尺寸后继续压缩体积，更容易通过上传限制。",{"slug":36,"label":37,"description":38},"image-crop","图片裁剪","比例不对时先裁剪，再导出指定尺寸。",[40,43,46],{"question":41,"answer":42},"按比例和按尺寸有什么区别？","按比例会保持画面不变形；按尺寸适合平台要求固定像素的场景。",{"question":44,"answer":45},"JPG、PNG、WebP 可以混着处理吗？","可以。DocCrunch 图片改尺寸支持这三种常见格式批量处理。",{"question":47,"answer":48},"改尺寸会改变格式吗？","默认会尽量保持原格式，原来是什么格式，导出仍然是什么格式。",{"title":11,"description":50,"button":51,"href":52},"一次上传多张图片，统一设置尺寸规则，快速下载结果。","开始批量改尺寸","\u002Fimage-resize",1789443123982]