Nano Banana 2.1 生成的图要进设计稿 / 先对齐导出尺寸和画布比例

文章导读
生成图单看没问题,拉进设计稿却被拉伸变形或四周留白奇怪,通常不是图丑,而是图片的像素尺寸和画布比例没有先对齐。建议动手改版面之前先做三步:读出生成图的真实像素尺寸,算出宽高比,再和目标画布的比例摆在一起比。比例差得少,裁切或留白就能进稿;差得多、主体又贴近边缘,重新出图一般比硬凑版面代价小。
📋 目录
  1. 一 量出生成图的实际像素尺寸与长宽比
  2. 二 把生成图比例与目标画布比例摆在一起比对
  3. 三 分别试裁切、留白、重新生成三种处理
  4. 四 在版面里检查主体位置与安全边距
  5. 五 写一份进稿前的尺寸自查清单
A A

生成图单看没问题,拉进设计稿却被拉伸变形或四周留白奇怪,通常不是图丑,而是图片的像素尺寸和画布比例没有先对齐。建议动手改版面之前先做三步:读出生成图的真实像素尺寸,算出宽高比,再和目标画布的比例摆在一起比。比例差得少,裁切或留白就能进稿;差得多、主体又贴近边缘,重新出图一般比硬凑版面代价小。

判断顺序建议固定为:先量、再比、后处理,每一步都以图片属性读数和版面测量的实际数值为准,不靠肉眼估计。生成图与画布比例接近时,裁切或留白都能用;比例差得远、主体又贴边时,重新生成通常更省事。导出的格式、颜色模式和尺寸要求,需要结合具体设计工具版本与最终用途确认,不要默认某套参数通用。

量出生成图的实际像素尺寸与长宽比

先拿到客观数据,再决定这张图怎么用。图片属性面板能看,但命令行读出来的值更适合记录和比对,也方便一次量一批图。

# macOS 自带,读宽高(单位像素)
sips -g pixelWidth -g pixelHeight banana.png

# ImageMagick,同时算出宽高比
magick identify -format "%w %h %[fx:w/h]\n" banana.png

# Python,适合批量
python -c "from PIL import Image; im=Image.open('banana.png'); print(im.size, round(im.size[0]/im.size[1], 3))"

把结果记成一行:文件名、宽、高、宽高比(建议保留三到四位小数)。同时把目标画布的像素尺寸和比例写在旁边,两组数据放在一张表里,后面比对时才不会来回翻。

Nano Banana 2.1 生成的图要进设计稿 / 先对齐导出尺寸和画布比例

把生成图比例与目标画布比例摆在一起比对

设生成图比为 r_img = 宽 / 高,画布比为 r_canvas = 宽 / 高。两者比较只看方向和一个量级:

  • r_img 小于 r_canvas:生成图更“方”,画布更“宽”。铺满画布会被横向拉伸,不拉伸就会在左右或上下留白。
  • r_img 大于 r_canvas:生成图更“宽”,画布更“方”,直接铺满会被纵向拉伸。
  • 用 r_img / r_canvas(或反过来)得到拉伸倍数。比值越接近 1,缩放越不容易看出变形;偏离越大,越不该靠拉伸解决。

除比例外还要看像素下限:如果画布或导出要求的最小边长大于生成图的对应边,即使比例一致,放大也会损失清晰度,这种情况优先重新生成,而不是拉大现有图。

分别试裁切、留白、重新生成三种处理

路线版面中的表现牺牲与风险什么时候优先
裁切按画布比例从生成图取最大内接矩形,满版、无补边,视觉最干净丢掉边缘内容;主体、手部或道具容易被切到比例偏差小、主体居中且四周有余量
留白图整体放入画布,用底色或延展背景补边,构图完整损失满版感;补色和原图背景不搭时拼贴痕迹明显主体贴边不能裁,且背景可延续或本身是纯色
重新生成按目标比例重出,比例天然对齐,无须二次处理花时间且结果有随机性,主体可能变化,需要重新挑选比例偏差大,或对构图位置有明确要求

建议先用裁切试一版看边缘是否可接受,不可接受再考虑留白;如果两条路都别扭,直接重出比反复修图更省时间。

Nano Banana 2.1 生成的图要进设计稿 / 先对齐导出尺寸和画布比例

在版面里检查主体位置与安全边距

图放进设计稿之后,把视图放大到 100%,逐一确认三件事:

  • 主体边缘:人物轮廓、产品外形、logo 关键线条与画布四边的距离是否为零。被裁掉的边角是否属于可舍弃部分,需要逐边看,不要只看整体缩略图。
  • 文字区域:生成图里自带的文字是否完整,缩放后有没有压到版面文字上,或者掉进不该出现文字的区域。
  • 出血范围:需要满版印刷或延展背景时,边缘通常要留出出血,常见做法是 3mm,具体以印厂或交付方要求为准。生成图若自带边框、水印或渐变收边,裁到出血后可能露出不完整元素,这一步要在成品尺寸下再看一次。

写一份进稿前的尺寸自查清单

  1. 生成图的宽、高、宽高比是否已用命令行或属性面板读出并记录?标准:数值来自实际读数,不是估算。
  2. 目标画布的尺寸与比例是否来自画布设置或导出参数,而不是凭印象填的?标准:能追溯到具体设置项。
  3. 两组比值是否比对过,能说清是偏方还是偏宽?标准:偏差方向明确,拉伸倍数已算出。
  4. 裁切、留白、重新生成是否只选了一条并写明理由?标准:理由对应主体位置和偏差量级。
  5. 主体关键轮廓距画布边缘是否有可接受余量?标准:放大到 100% 逐边看过,没有意外切断。
  6. 图内文字与版面文字是否互不重叠?标准:在最终尺寸下检查,不靠缩略图判断。
  7. 需要出血的画面,边缘是否留有出血且无残缺元素?标准:按交付方要求的出血值复核。
  8. 导出尺寸、格式与颜色模式是否与设计稿一致?标准:导出后用同一套读尺寸的命令再核一次,确认落地尺寸与画布吻合。

清单过完再进稿,下一版被退回改尺寸的概率会低很多;如果某一项对不上,优先回头处理图片本身,而不是在设计稿里继续拉伸凑合。