[{"data":1,"prerenderedAt":26},["ShallowReactive",2],{"blog-zh-image-resize-crop-aspect-ratio-composition-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"author":9,"tags":10,"keywords":15,"h1":6,"readingTime":16,"html":17,"recommendedTools":18,"faqs":25},"image-resize-crop-aspect-ratio-composition-guide","zh","图片尺寸改对了，为什么构图还是不对？","分清像素尺寸与宽高比，比较裁剪、留白和拉伸，了解居中裁剪的限制，并检查批量图片的构图、输出尺寸与体积。","2026-09-15","DocCrunch Team",[11,12,13,14],"图片改尺寸","图片裁剪","宽高比","图片构图",[11,12,13,14],5,"\u003Cp>把一张横图改成 800×800 像素，结果可能有三种：人物变窄了，画面两侧被切掉了，或者上下多了留白。\u003C\u002Fp>\n\u003Cp>它们都能得到相同的文件尺寸，却保留了不同的画面信息。原因是“调整尺寸”只规定输出多大，并没有说明原图应该怎样放进去。\u003C\u002Fp>\n\u003Cp>处理固定尺寸图片时，先确定比例和保留范围，比直接填写宽高更重要。\u003C\u002Fp>\n\u003Ch2>像素尺寸与宽高比，需要分别看\u003C\u002Fh2>\n\u003Cp>像素尺寸描述图片的宽和高；宽高比描述两者的关系。\u003C\u002Fp>\n\u003Cp>1200×800 和 600×400 的像素数量不同，但都是 3:2。将前者等比例缩小为后者，画面范围可以保持不变。\u003C\u002Fp>\n\u003Cp>800×800 则是 1:1。如果原图是 3:2，要变成正方形，就不能同时满足以下三个条件：\u003C\u002Fp>\n\u003Cul>\n\u003Cli>保留全部画面。\u003C\u002Fli>\n\u003Cli>保持物体原来的形状。\u003C\u002Fli>\n\u003Cli>画面铺满整个正方形，没有留白。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>必须在其中作出取舍。裁剪、留白和拉伸，就是三种不同的处理方式。\u003C\u002Fp>\n\u003Ch2>裁剪、留白和拉伸，改变的东西不同\u003C\u002Fh2>\n\u003Cp>以一张 1200×800 的横图，制作 800×800 的正方形图片为例：\u003C\u002Fp>\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>铺满目标范围，切掉超出部分\u003C\u002Ftd>\n\u003Ctd>保持形状，但损失部分画面\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>等比例缩放后留白\u003C\u002Ftd>\n\u003Ctd>完整放入画布，空余区域补背景\u003C\u002Ftd>\n\u003Ctd>保留画面，但增加留白\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>直接拉伸\u003C\u002Ftd>\n\u003Ctd>分别调整宽和高\u003C\u002Ftd>\n\u003Ctd>保留画面范围，但物体可能变形\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>如果采用居中裁剪，这张图可以保留中间 800×800 的区域，左右各去掉 200 像素。\u003C\u002Fp>\n\u003Cp>如果保留完整画面，宽度缩到 800 后，高度约为 533 像素，剩余空间需要用背景补足。\u003C\u002Fp>\n\u003Cp>如果直接拉伸，宽度缩小而高度不变，画面中的圆形就可能变成椭圆。输出尺寸虽然正确，内容比例却已经改变。\u003C\u002Fp>\n\u003Ch2>自动居中，不代表主体一定完整\u003C\u002Fh2>\n\u003Cp>居中裁剪的规则清楚，也适合批量处理，但它依据的是图片中心，不一定是内容中心。\u003C\u002Fp>\n\u003Cp>主体靠近边缘、文字放在角落，或者多人分布在画面两侧时，自动裁剪可能切掉重要内容。即使主体没有被切断，原来的空间关系也可能改变。\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"\u002Fzh\u002Fimage-resize\u002F\">DocCrunch 图片改尺寸\u003C\u002Fa>在固定宽高模式下，提供裁剪与拉伸两种处理方式。当前裁剪方式会等比例铺满目标尺寸，并从中心保留画面，不会自动识别主体位置。\u003C\u002Fp>\n\u003Cp>需要控制保留范围时，可以先使用\u003Ca href=\"\u002Fzh\u002Fimage-crop\u002F\">图片裁剪\u003C\u002Fa>选择目标比例，再手动调整裁剪区域，最后设置输出尺寸。\u003C\u002Fp>\n\u003Cp>这里需要区分：裁剪成 1:1，只说明图片是正方形，并不意味着它已经是 800×800 像素。比例确定后，仍可能需要调整尺寸。\u003C\u002Fp>\n\u003Ch2>只限制一条边时，不必强行固定宽高\u003C\u002Fh2>\n\u003Cp>并不是所有要求都需要一个固定矩形。有时只要求宽度为 1200 像素，或者最长边不超过某个值。\u003C\u002Fp>\n\u003Cp>这类情况通常可以等比例处理，让另一条边随之计算，避免不必要的裁剪或变形。\u003C\u002Fp>\n\u003Cp>例如，同样把长边设为 1200 像素：\u003C\u002Fp>\n\u003Cul>\n\u003Cli>3:2 横图可以得到 1200×800。\u003C\u002Fli>\n\u003Cli>2:3 竖图可以得到 800×1200。\u003C\u002Fli>\n\u003Cli>正方形图片可以得到 1200×1200。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>它们不会变成相同宽高，但都遵守同一条尺寸规则。\u003C\u002Fp>\n\u003Cp>DocCrunch 的\u003Ca href=\"\u002Fzh\u002Fimage-resize\u002F\">图片改尺寸工具\u003C\u002Fa>支持按宽度、高度、长边、短边或百分比调整。选择哪一种，应该取决于接收方真正限制的是什么，而不是习惯性填写两个数值。\u003C\u002Fp>\n\u003Ch2>批量处理，要检查每张图的边缘\u003C\u002Fh2>\n\u003Cp>同一批图片可能混有横图、竖图和正方形图，也可能主体位置各不相同。统一输出尺寸并不意味着统一裁剪结果都合适。\u003C\u002Fp>\n\u003Cp>批量生成后，除了查看中间主体，还应检查四周：\u003C\u002Fp>\n\u003Cul>\n\u003Cli>人物头顶、手部和脚部是否被切掉。\u003C\u002Fli>\n\u003Cli>产品边缘、把手和突出部件是否完整。\u003C\u002Fli>\n\u003Cli>角落里的文字、标志和编号是否保留。\u003C\u002Fli>\n\u003Cli>主体前方或视线方向是否还留有空间。\u003C\u002Fli>\n\u003Cli>不同图片中的主体大小是否差异过大。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>如果部分图片无法在目标比例下保留必要内容，就需要重新构图、换一张原图，或者使用支持画布扩展的编辑工具添加留白。不能仅靠缩小整张图，解决“既要铺满，又要全部保留”的矛盾。\u003C\u002Fp>\n\u003Ch2>尺寸确认后，再检查体积\u003C\u002Fh2>\n\u003Cp>800×800 描述的是像素宽高，不代表文件一定小于某个 KB 或 MB 限制。同样尺寸的两张图片，可能因为格式、内容和编码质量不同，体积相差很大。\u003C\u002Fp>\n\u003Cp>比较稳妥的顺序是：\u003C\u002Fp>\n\u003Col>\n\u003Cli>确认要求是固定宽高，还是只限制一条边。\u003C\u002Fli>\n\u003Cli>比较原图与目标的宽高比。\u003C\u002Fli>\n\u003Cli>决定裁剪、留白或允许变形。\u003C\u002Fli>\n\u003Cli>检查主体和边缘内容，再生成最终尺寸。\u003C\u002Fli>\n\u003Cli>核对文件格式与体积，必要时再压缩。\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>如果像素尺寸已经合适，只是文件仍然过大，可以再用\u003Ca href=\"\u002Fzh\u002Fimage-compress\u002F\">图片压缩\u003C\u002Fa>调整体积，不必继续缩小画面。\u003C\u002Fp>\n\u003Cp>尺寸正确只是交付条件之一。合适的结果还应该保持物体比例、保留必要内容，并在实际展示位置看起来完整。先决定画面怎样进入目标范围，再决定输出多少像素，处理起来会更准确。\u003C\u002Fp>\n",[19,21,23],{"slug":20},"image-resize",{"slug":22},"image-crop",{"slug":24},"image-compress",[],1789443128058]