Doory 导出的图为什么比画布小一圈——缩放比例还是导出设置没对上?

文章导读
导出后比画布小一圈,通常不是导出功能算错了,而是三处里有一处没对齐:画布的实际像素、导出时选的倍率、以及内容有没有超出画布边界被裁掉。建议按“画布像素 → 倍率与格式 → 边界裁切”的顺序逐项核对,每核对一项就记录一次结果,这样即使第一次没找到原因,也不会在同一处反复试错。视图里看到的“满屏”只是显示缩放,它和最终输出像素没有直接关系,很多误判都出在这里。
📋 目录
  1. 壹 先在画布设置里读一遍实际像素值
  2. 贰 确认导出时选的倍率与文件格式
  3. 叁 检查是否有元素超出画布边界被裁掉
  4. 肆 用同一份文件导出两次并对比输出尺寸
  5. 伍 把稳定下来的参数记成一份导出清单
A A

导出后比画布小一圈,通常不是导出功能算错了,而是三处里有一处没对齐:画布的实际像素、导出时选的倍率、以及内容有没有超出画布边界被裁掉。建议按“画布像素 → 倍率与格式 → 边界裁切”的顺序逐项核对,每核对一项就记录一次结果,这样即使第一次没找到原因,也不会在同一处反复试错。视图里看到的“满屏”只是显示缩放,它和最终输出像素没有直接关系,很多误判都出在这里。

判断方向:先在画布设置里抄下宽高像素读数,再核对导出倍率与文件格式,最后确认是否有元素越界被裁。三项中任意一项不一致,都会让输出看起来缩了一圈;其中“导出后边缘多出一圈白底”更可能是格式与透明背景的差异,而“整体等比变小”更可能是倍率或裁剪到内容所致。三项对齐后仍偏小,需要结合具体版本和导出入口确认,不排除工具自带的安全边距行为。

先在画布设置里读一遍实际像素值

打开画布设置(常见叫法有“画布”“文档设置”“属性面板”),找到宽度和高度两个字段,把单位切到像素(px)。要记录的是这里的数值,而不是当前视图的显示比例。视图缩放只改变屏幕上看到的尺寸:按了“适应窗口”、用滚轮或快捷键缩放、窗口被拖小,都会让画面看起来变了,但画布像素值不变。反过来,如果画布从建立时就设成了比预期小的像素,比如按毫米或英寸建的、或者沿用了某个模板的默认尺寸,那么无论导出参数怎么调,输出都会偏小。

读数值时注意两点:一是单位,显示为 mm、cm、inch 时要换算成像素再比较,换算依赖 DPI 设置,别直接拿数字比大小;二是区分“画布尺寸”和“导出尺寸”,有的工具在画布设置里还有一个独立的导出宽高输入框,两者不一致时以导出框为准,但画布外的内容会被裁掉。把画布像素值抄到记事本里,后面两次导出对比都要用这个数做基准。

确认导出时选的倍率与文件格式

倍率决定输出像素的绝对数量。以画布 1000×800 为例,选 1x 时输出像素等于画布像素;选 2x 时输出像素翻倍,得到 2000×1600。倍率配错的表现通常是整体等比变化,画面内容比例不变,只是“变小”或“变糊”。如果导出面板里的倍率是从上一次任务沿用下来的(比如 0.5x、75%、或者被填成了某个小数),就会出现整张图缩小一圈且四周留白的情况,这类问题改倍率即可,不用动画布。

Doory 导出的图为什么比画布小一圈——缩放比例还是导出设置没对上?

格式影响的是边缘外观,不改变内容比例。带透明区域的画布导出为支持透明的格式(如 PNG),画布外或未绘制区域保持透明,在图片查看器里常被显示成棋盘格或直接透出底色;导出为不支持透明的格式(如 JPG),透明区域会被填充成白色或指定背景色,于是肉眼看起来“四周多出一圈白边”。所以先分清现象:像素数值确实变少 → 看倍率和裁剪设置;像素数值没变但边缘发白 → 看格式和透明背景选项。

看到的现象更可能的原因先核对哪里
整体等比缩小,比例正常导出倍率不是 1x导出面板的缩放/倍率字段
边缘多出一圈白底透明区域被填成白色文件格式与“透明背景”开关
输出尺寸小于画布像素按内容或选区裁切导出导出范围:画布 / 选区 / 内容包围盒
内容被切掉一部分元素超出画布边界元素坐标与画布边界

检查是否有元素超出画布边界被裁掉

这一项排除的是视觉错觉:图并没有变小,而是边缘的内容本来就落在画布外,导出时被切掉了,剩下的内容看起来像被压缩。判断方法不复杂:打开标尺和参考线,沿画布四边各拉一条辅助线;然后逐个选中靠近边缘的元素,看属性面板里的位置和宽高,用“x + 宽”和“y + 高”跟画布宽高做比较,超出就说明在界外。也可以用图层面板快速扫一遍,被画布遮住的部分在有些工具里会有不同的显示样式。

导出时对画布外内容的处理方式,需要以实际页面行为为准:多数工具默认只导出画布范围内的像素,界外部分直接被裁掉;部分工具提供“导出选区”“裁剪到内容”之类的选项,会把输出裁到所有内容的包围盒,这时连画布本身的留白也会被去掉,输出尺寸自然比画布小。如果希望保留画布留白,导出范围要选“画布”而不是“内容”;如果元素确实出界,先把元素移回界内或扩大画布,再重新导出。

用同一份文件导出两次并对比输出尺寸

只靠肉眼看图判断“小了一圈”不够可靠,建议用同一份文件导出两次,只改一个参数,然后用系统信息或命令行读出图片真实的像素尺寸。系统层面:Windows 右键文件 → 属性 → 详细信息,看“尺寸”一栏;macOS 选中文件按空格或用“显示简介”,也可以把图片用“预览”打开后按检查器查看像素宽高。命令行更省事,几种任选其一:

Doory 导出的图为什么比画布小一圈——缩放比例还是导出设置没对上?
# 直接看文件头信息
file export-1x.png

# ImageMagick 已安装时
identify -format "%wx%h\n" export-1x.png

# macOS 自带
sips -g pixelWidth -g pixelHeight export-1x.png

# 有 Python 和 Pillow 时
python3 -c "from PIL import Image; print(Image.open('export-1x.png').size)"

两次导出之间要记录完整参数,否则对不出差异在哪:画布像素(宽×高)、导出倍率、文件格式、是否透明背景、导出范围(画布 / 选区 / 内容)、是否勾选了裁剪或边距相关选项、以及输出文件名。建议文件名里带上参数,例如 artboard-1000x800-1x-png-alpha.png,这样过几天回看也能对上。第一次导出用默认参数,第二次只动倍率,比较两次的像素读数:像素按倍数变化说明问题在倍率;像素不变但边缘颜色不同说明问题在格式;像素比画布小又不呈整数倍关系,重点看是否启用了按内容裁剪。

把稳定下来的参数记成一份导出清单

找到能稳定复现的导出参数后,把它固定成清单,下次导出照着填,就不用再从头试。清单至少覆盖以下四条,其余项按自己的工具补充:

  • 画布像素:记录宽×高,例如 1000×800,并注明单位是 px,换算规则写清(如有 DPI 设置)。
  • 倍率:写死为 1x 或 2x,说明用途——1x 用于预览和页面展示,2x 用于需要更大像素的场合;避免出现小数或沿用上次任务的值。
  • 格式:明确 PNG 还是 JPG,以及选择理由;需要保留透明就用 PNG,需要压成不透明底图再用 JPG。
  • 是否透明背景:勾选状态要和上一项匹配,透明区域在非透明格式下会被填成背景色,导出前先确认背景色对不对。

另外两条常见但容易漏的也建议一并写上:导出范围选“画布”还是“内容”,以及是否启用了边距或裁剪选项。清单可以放在项目说明里,也可以直接写进导出文件名的命名规则。需要提醒的是,不同版本的工具在导出面板上的字段名称和默认值可能不同,清单在换版本或换机器后应重新核对一次,不要直接沿用旧值。