figma 如何栅格化：分步指南287

栅格化是将矢量图像转换为位图图像的过程，其中每个像素都由一个特定颜色值表示。此过程对图像进行采样并将其分解为由像素组成的网格。在 figma 中，栅格化功能可用于导出图像或将其转换为智能对象，这是一种对编辑图像时提供更多灵活性的高级对象类型。

在 figma 中栅格化图像的步骤如下：

第 1 步：选择图像

使用选择工具 (V) 选择要栅格化的图像。

第 2 步：访问栅格化菜单

转到“文件”>“导出”>“栅格化”。

第 3 步：设置栅格化选项

在“导出栅格”对话框中，设置以下选项：
文件类型：选择要导出的图像文件类型（PNG、JPG、SVG 等）
画板：选择要栅格化的画板（如果有多个）。
缩放：指定图像应栅格化的缩放因子（以百分比为单位）。
分辨率：以每英寸像素数 (ppi) 设置栅格图像的分辨率。较高的分辨率会产生更清晰、更详细的图像，但文件大小也会更大。
背景：选择图像的背景颜色。默认情况下，它将是透明的。

第 4 步：栅格化图像

单击“导出”按钮开始栅格化过程。导出过程完成后，栅格图像将自动下载到您的计算机。

第 5 步：将图像转换为智能对象

如果您想将栅格图像作为智能对象添加到您的 figma 设计中，请执行以下步骤：
在您的设计中放置栅格图像。
右键单击图像并选择“转换为智能对象”。

将图像转换为智能对象后，您可以对其进行编辑而不影响原始图像。您可以更改图像大小、裁剪图像或应用滤镜，而不会丢失图像质量。

使用注意事项

在 figma 中栅格化图像时，需要注意以下几点：
栅格化图像会永久降低其质量。一旦栅格化，您将无法恢复原始矢量图像。
建议在导出最终图像之前栅格化图像，因为在 figma 工作时图像仍可以进行编辑和修改。
栅格图像的文件大小往往比矢量图像大，因此在导出图像时应谨慎选择分辨率和文件类型。

2024-12-01

上一篇：Figma 导出图片颜色失真的原因及解决办法

下一篇：Figma 中导出透明背景图片的终极指南