Xcode 12 在 iOS，macOS 和 iPadOS 中引入了对可缩放矢量图形（SVG）图像的支持。
在 Xcode 12 之前，我们只能通过 PDF assets 来使用 single scale resources 。这样无需使用@1x，@2x 和 @3x 后缀为每个比例生成单独的图像，因此可以节省我们的适配时间，还可以避免潜在的错误，例如意外生成大小为 @1x 的 @3x 资源。
什么是 SVG（Scalable Vector Graphic）?
可伸缩矢量图形，也称为 SVG，定义了可扩展标记语言（XML）中的二维图形，主要用于图标和符号，并允许平台按当前有效分辨率扩展 image asset。
什么时候使用 Single Scale Assets?
SVG assets 不能替代所有 assets。诸如具有大量细节的图像之类的丰富 assets 仍应定义为 individual scales。 如果您有 logo, icons, or symbols,，则很可能会考虑将其替换为 SVG assets。
支持平台
SVGs 仅支持 macOS 10.15 or later, iOS 13 or later, and iPadOS or later。如果你的 app 需要支持更早版本，你不能使用 single scale SVGs。
考虑使用 SFSymbols 作为替代
在开始用 SVG 替换所有 assets 之前，我们还可以考虑使用 SFSymbols。SFSymbol 具有相同的平台版本可用性，并且可以作为系统 Images 使用。
想更多了解 SF Symbols，可以看看这篇文章：
SF Symbols 简介。
Xcode 中怎么使用 SVG
非常简单，我们只需要将文件拖拽到 Assets ，然后将 Scales option 改为 “Single Scale”:
然后就可以像使用其它 asset 一样使用 SVG image 了。
PDF vs SVG assets
Single scale PDFs 支持 iOS 8 及以上版本，支持 OS X 10.9及以上版本。如果我们的 app 兼用 iOS 13, iPadOS 13, or macOS 10.15 以下版本，可以使用 PDFs 替换 SVG。PDF 和 SVG 用作 single scale assets 时具有相同的结果。
考虑 assets 文件大小
根据图像类型，资源详细信息和导出配置，比较资产文件导出 SVG 和 PDF 格式的大小。如果我们专注于缩小应用程序尺寸，则可能需要考虑同时导出到 PDF 和 SVG，以便选择较小的那一个文件。
大多数情况下，SVG 的尺寸较小。最重要的是，我们还可以在网上找到许多资源来优化 SVG，因为它们是 Web 开发过程中使用的一种流行 Assets。
小结
SVG 支持是 WWDC 2020 期间 Xcode 12 中引入的一项重要功能。它支持 single scale assets，其资源文件通常较小。只是 SVG 并非总是正确的选择，因为只有 iOS 13 及更高版本，iPadOS 13 及更高版本， macOS 10.15 及更高版本才支持 SVG。在低版本情况下，我们可以转而使用 PDF。
网友评论