跳到主要内容
← 返回博客
约 5 分钟阅读DocCrunch Team

图片尺寸改对了,为什么构图还是不对?

分清像素尺寸与宽高比,比较裁剪、留白和拉伸,了解居中裁剪的限制,并检查批量图片的构图、输出尺寸与体积。

图片改尺寸图片裁剪宽高比图片构图

把一张横图改成 800×800 像素,结果可能有三种:人物变窄了,画面两侧被切掉了,或者上下多了留白。

它们都能得到相同的文件尺寸,却保留了不同的画面信息。原因是“调整尺寸”只规定输出多大,并没有说明原图应该怎样放进去。

处理固定尺寸图片时,先确定比例和保留范围,比直接填写宽高更重要。

像素尺寸与宽高比,需要分别看

像素尺寸描述图片的宽和高;宽高比描述两者的关系。

1200×800 和 600×400 的像素数量不同,但都是 3:2。将前者等比例缩小为后者,画面范围可以保持不变。

800×800 则是 1:1。如果原图是 3:2,要变成正方形,就不能同时满足以下三个条件:

  • 保留全部画面。
  • 保持物体原来的形状。
  • 画面铺满整个正方形,没有留白。

必须在其中作出取舍。裁剪、留白和拉伸,就是三种不同的处理方式。

裁剪、留白和拉伸,改变的东西不同

以一张 1200×800 的横图,制作 800×800 的正方形图片为例:

处理方式 如何得到正方形 主要影响
等比例缩放后裁剪 铺满目标范围,切掉超出部分 保持形状,但损失部分画面
等比例缩放后留白 完整放入画布,空余区域补背景 保留画面,但增加留白
直接拉伸 分别调整宽和高 保留画面范围,但物体可能变形

如果采用居中裁剪,这张图可以保留中间 800×800 的区域,左右各去掉 200 像素。

如果保留完整画面,宽度缩到 800 后,高度约为 533 像素,剩余空间需要用背景补足。

如果直接拉伸,宽度缩小而高度不变,画面中的圆形就可能变成椭圆。输出尺寸虽然正确,内容比例却已经改变。

自动居中,不代表主体一定完整

居中裁剪的规则清楚,也适合批量处理,但它依据的是图片中心,不一定是内容中心。

主体靠近边缘、文字放在角落,或者多人分布在画面两侧时,自动裁剪可能切掉重要内容。即使主体没有被切断,原来的空间关系也可能改变。

DocCrunch 图片改尺寸在固定宽高模式下,提供裁剪与拉伸两种处理方式。当前裁剪方式会等比例铺满目标尺寸,并从中心保留画面,不会自动识别主体位置。

需要控制保留范围时,可以先使用图片裁剪选择目标比例,再手动调整裁剪区域,最后设置输出尺寸。

这里需要区分:裁剪成 1:1,只说明图片是正方形,并不意味着它已经是 800×800 像素。比例确定后,仍可能需要调整尺寸。

只限制一条边时,不必强行固定宽高

并不是所有要求都需要一个固定矩形。有时只要求宽度为 1200 像素,或者最长边不超过某个值。

这类情况通常可以等比例处理,让另一条边随之计算,避免不必要的裁剪或变形。

例如,同样把长边设为 1200 像素:

  • 3:2 横图可以得到 1200×800。
  • 2:3 竖图可以得到 800×1200。
  • 正方形图片可以得到 1200×1200。

它们不会变成相同宽高,但都遵守同一条尺寸规则。

DocCrunch 的图片改尺寸工具支持按宽度、高度、长边、短边或百分比调整。选择哪一种,应该取决于接收方真正限制的是什么,而不是习惯性填写两个数值。

批量处理,要检查每张图的边缘

同一批图片可能混有横图、竖图和正方形图,也可能主体位置各不相同。统一输出尺寸并不意味着统一裁剪结果都合适。

批量生成后,除了查看中间主体,还应检查四周:

  • 人物头顶、手部和脚部是否被切掉。
  • 产品边缘、把手和突出部件是否完整。
  • 角落里的文字、标志和编号是否保留。
  • 主体前方或视线方向是否还留有空间。
  • 不同图片中的主体大小是否差异过大。

如果部分图片无法在目标比例下保留必要内容,就需要重新构图、换一张原图,或者使用支持画布扩展的编辑工具添加留白。不能仅靠缩小整张图,解决“既要铺满,又要全部保留”的矛盾。

尺寸确认后,再检查体积

800×800 描述的是像素宽高,不代表文件一定小于某个 KB 或 MB 限制。同样尺寸的两张图片,可能因为格式、内容和编码质量不同,体积相差很大。

比较稳妥的顺序是:

  1. 确认要求是固定宽高,还是只限制一条边。
  2. 比较原图与目标的宽高比。
  3. 决定裁剪、留白或允许变形。
  4. 检查主体和边缘内容,再生成最终尺寸。
  5. 核对文件格式与体积,必要时再压缩。

如果像素尺寸已经合适,只是文件仍然过大,可以再用图片压缩调整体积,不必继续缩小画面。

尺寸正确只是交付条件之一。合适的结果还应该保持物体比例、保留必要内容,并在实际展示位置看起来完整。先决定画面怎样进入目标范围,再决定输出多少像素,处理起来会更准确。

推荐 DocCrunch 工具

以下工具均可在浏览器本地处理,无需上传服务器。