# VectorPaint 画布尺寸怎么选：分清 px、pt、mm 与导出像素

语言：zh-CN
原文：[VectorPaint 画布尺寸怎么选：分清 px、pt、mm 与导出像素](<https://allluckly.cn/guides/vectorpaint-canvas-units/>)
中文：[中文 HTML](<https://allluckly.cn/guides/vectorpaint-canvas-units/>)
English: [English HTML](<https://allluckly.cn/en/guides/vectorpaint-canvas-units/>)
发布于: 2026-10-22T00:00:00+08:00
内容更新于: 2026-10-22T00:00:00+08:00
署名：Bison

用方形图标和印刷小卡两个例子，区分画布比例、文档单位、屏幕缩放和 PNG 最终像素，避免创建后反复返工。

用方形图标和印刷小卡两个例子，区分画布比例、文档单位、屏幕缩放和 PNG 最终像素，避免创建后反复返工。

## 先确定交付目标，再输入尺寸

新建前写下作品用在哪里、形状是横版还是竖版、最后交什么文件。练习一是网页图标，使用正方形；练习二是竖版活动小卡，需要保留上下文案空间。两者都能由矢量路径绘制，但画布比例不同，直接把方形设计拉成长方形会使圆形变成椭圆。本文的数值是练习建议，不是应用容量上限，也不是平台统一的上传规范。

## 认识四种容易混淆的大小

画布宽高定义文档的工作区域；对象宽高定义一个图形的几何大小；缩放倍率只改变你在屏幕上观察的距离；PNG 像素数决定导出的栅格图片有多少采样点。放大视图不等于增加图片像素。举例来说，一个占画布一半宽度的圆，视图放大以后占用更多屏幕空间，但它相对画布的比例没有变化。

## 建立第一张方形画布

在作品集进入新建画布，填写能区分用途的名称，例如“山形图标\_练习”。打开自定义尺寸，选择 px，宽高均填 512，再检查显示的单位和数值后创建。先画一个占画布约三分之二的矩形，确认四边还有空白。这里的 512 是文档创建示例；后续输出 1024 像素的 PNG 仍需要在导出界面核对，而不是猜测应用会自动采用两倍尺寸。

## 把毫米用于明确的纸面尺寸

如果目标是纸面小卡，可以另建宽 100 mm、高 150 mm 的文档，先用矩形标出约 8 mm 的内边距，作为构图参考。毫米描述纸上大小，打印清晰度还与交付文件的内容及印刷流程有关。不要把“100 mm”直接当成“100 px”。更换单位时观察宽高是否随之换算，并重新确认比例，避免只改数字却忽略单位的错误。

## 用边距和比例组织内容

方形练习建议四边预留约 48 个画布单位，主要图形控制在中间区域；竖版小卡则先划分标题、主体与说明三个区域。先处理比例，后处理细节。过早追求极小的坐标误差，可能掩盖标题太大、主图太靠边等更明显的问题。若图形贴着边界，检查的是图形实际轮廓与描边外缘，不仅是路径中线。

## 导出时重新检查一次像素

在导出与分享中选择 PNG，确认最终宽高与预览。512×512 与 1024×1024 是两个不同的栅格交付文件；后者像素总数是前者四倍，文件大小和处理开销不一定严格按四倍变化。若画面包含照片，增加输出像素并不会补出原图不存在的细节。若交付 PDF，仍要检查页面尺寸以及接收方是否按原尺寸打印。

## 一个容易算错的例子：纸面尺寸与像素

假设你要把宽 100 mm 的小卡交给一个只接受图片的流程，对方另行要求某个像素宽度。正确顺序是先确认对方的规格，再在导出环节准备像素文件；不是把画布单位从毫米切成像素后照抄原来的数字。纸面宽度、图片像素和打印时的缩放比例需要共同匹配。你可以把需求写成一句完整话：“成品宽多少毫米，交付图片宽多少像素，打印时是否允许缩放”，这样比只说“要高清”更明确。

另一个常见问题是画布比例与目标容器不一致。把 100×150 的竖图放进正方形封面时，通常只能选择留白、裁切或重新布局；直接拉伸会改变形状。先在副本里标出目标比例，检查哪些内容可能被裁掉，尤其是标题与边缘细线。若一份设计需要同时用于横幅和方形头像，建议共用图形元素而分别排版，并为两个版本保留明确名称。

最后检查原始图片：一张本来只有很少像素的照片，即使放在很大的矢量画布里，细节仍受来源限制。需要高清照片时先更换足够清晰的素材，不能只提高画布或导出的数字。

## 完成检查与修改顺序

先检查比例是否正确，再检查四边留白、标题是否越界，最后查看 PNG 文件信息中的实际像素。发现宽高颠倒时优先纠正文档方向或重新安排布局，不要把全部对象任意压扁。保存原稿后退出再打开一次，确认作品名称与画布内容可辨认；这一检查是建议读者执行的流程，请在自己的设备上确认保存结果。

## 延伸练习：同一图标制作两档输出

1. 把同一份原稿导出为 512×512 和 1024×1024 的 PNG，文件名分别写明像素，避免覆盖后无法比较。
2. 把两份图片按相同的显示宽度打开，观察它们是否保持相同构图；再查看文件属性，区分视觉大小与实际像素。
3. 在画布边缘加入一条较粗描边，检查它是否被截断。若出现裁切，增加构图留白后重新输出。

## 常见问题

### 把视图放到 400% 会提高导出质量吗？

不会。视图倍率帮助你检查节点和边缘，PNG 输出质量取决于最终像素与素材质量。先按正常使用尺寸看效果，再放大定位问题，避免只在极端倍率下修改。

### 为什么同样是 512，画布和导出大小不同？

要先核对每个数字旁的单位、导出范围与像素宽高。文档单位和导出像素承担不同用途，不能仅凭数字相同推断它们表示同一种大小。

### 能直接用于专业印刷吗？

可以准备矢量或 PDF 文件，但出血、色彩要求、字体处理和成品尺寸应与印刷方确认。这里的练习没有替代印刷打样，也不承诺特定印刷色彩标准。

## 接着读

- [VectorPaint 入门：用形状制作图标并导出 SVG](<https://allluckly.cn/guides/vectorpaint-getting-started/>)
- [VectorPaint 透明 PNG 导出：去掉白底并保留干净边缘](<https://allluckly.cn/guides/vectorpaint-transparent-png/>)
- [VectorPaint 导出格式怎么选：SVG、PDF、PNG 与原稿的分工](<https://allluckly.cn/guides/vectorpaint-export-formats/>)

## 来源与适用范围

本文基于 [VectorPaint 官方商店说明](<https://apps.apple.com/cn/app/id1587272880>) 与功能入口整理；[Apple 公共版本信息](<https://itunes.apple.com/lookup?id=1587272880&country=cn>)核对日期为 **2026 年 10 月 22 日**，对应版本 **1.0.7**，最低系统要求 iOS / iPadOS 17.0。界面可能随设备与版本变化。文中的尺寸、配色与文案是练习建议，实际交付请按使用场景确认。