Motiff 妙多支持将图层、切片导出为图片,用于功能的开发实现或在工具之间迁移内容。
Motiff 妙多目前支持将图层导出为 PNG、JPG、SVG 和 PDF 格式,支持配置导出项的尺寸、名称后缀。
导出功能展示的位置与用户的权限有关:
你可以通过以下步骤进行导出:
导出
按钮开始导出。点击导出模块下方的 预览
可以预览导出效果。如果选中多个图层,则不显示预览。
导出后,图片将保存在浏览器的默认下载位置。如果需要调整相关设置,可以在浏览器的偏好设置中修改。
「可编辑」权限下,你可以使用 设置导出范围。 👉🏻了解更多「切片」功能
你可以通过下拉选择器或输入框设置导出图片的尺寸。
x
代表倍率(如 1x、2x、3x…), 表示导出尺寸为当前图层宽高乘以相应的倍率。w
代表按指定的宽度导出,h
代表按指定的高度导出(如 100w 表示导出宽为 100px 的图片)。
导出的图片文件将以图层的名字命名,你可以通过添加不同的后缀来区分同一图层的不同导出文件。
你可以设置每个导出配置的文件类型,Motiff 妙多支持的文件类型有 PNG、JPG、SVG 和 PDF。
PNG(Portable Network Graphics),便携式网络图形,是一种采用无损压缩算法的光栅图像格式。支持索引颜色、灰度、RGB 三种颜色方案以及 Alpha 通道等特性。
PNG 支持高分辨率、支持无损压缩、支持透明度、支持较高的颜色深度。这使它适用于带有透明度的图像(如 logo、icon)和具有丰富细节、连续色调的照片和图表等。
PNG 文件较大,这将占用更多的空间。若在网页中使用 PNG 也意味着更长的页面加载时间和更慢的响应速度。
Motiff 妙多中支持导出的 PNG 是 32 位 PNG,由 4 个 8 位通道组成的,分别是 R(红)、G(绿)、B(蓝)和 Alpha 通道。
JPEG(Joint Photographic Experts Group)是一个国际组织,成立于 80 年代末和 90 年代初,负责制定和标准化图像压缩格式。JPEG 同时也是一种用于连续色调静态图像压缩的标准,是一种采用有损压缩算法的光栅图像格式。
JPEG 文件支持 24 位颜色深度,显示 1677 万种颜色,但不支持透明度。
JPEG 能够在保留图像质量的同时实现较高的压缩率,从而减少图像的存储空间和传输时间。此外,JPEG 是一种非常普及的格式,几乎所有图像处理软件、浏览器和操作系统都支持 JPEG。
因此,JPEG 适用于照片或其他具有丰富颜色和细节的图像。但对于需要保留完整细节或有透明效果的图像,需要使用其他图像格式(如 PNG 或 SVG)。
SVG(Scalable Vector Graphics),可缩放矢量图形,是一种基于 XML 的矢量图像格式,用于定义二维图形。
不同于光栅图形(如 PNG、JPEG),矢量图形使用数学公式来描述图形的形状、颜色和位置。这使得 SVG 可以在不失真的情况下进行缩放。
SVG 支持透明度。此外,虽然 SVG 是一种矢量图形格式,但也支持在 SVG 中嵌入多种格式的光栅图形(位图)和文本。
对于由简单几何形状和颜色组成的图像,SVG 文件的大小通常小于光栅图像文件(如 PNG、JPEG)。
对于具有大量细节以及丰富颜色的图像(如照片),SVG 可能不是最佳选择,因为需要通过大量的数学公式和路径信息描述这些细节,这可能导致文件过大。在这种情况下,有损压缩的光栅图像格式可能更加适合(如 JPEG),因为它们可以利用有损压缩算法在保留可接受的视觉质量的同时减小文件大小。
PDF(Portable Document Format),便携式文档格式,是一种跨操作系统的文件格式。PDF 文件支持矢量图形、光栅图形和文本。每个 PDF 文件都封装了一个固定布局的平面文档的完整描述,包括显示它所需的文本、字体、矢量图形、光栅图形等信息。因此 PDF 文件具有良好的兼容性,可以在各种操作系统和设备上查看。
Apple 的移动端开发工具 Xcode 支持将 PDF 格式的文件当作图片使用,PDF 可以实现无损缩放,因此,在 Apple 的移动端开发中,这是一种方便、实用的选择。