iOS:使用 SVG (PocketSVG) 获取数百个图像资源
iOS: using SVG (PocketSVG) for hundreds of image assets
我们的一位团队成员敦促使用 github.com/pocketsvg/PocketSVG 来使用 SVG,而不是常规资产 @1x @2x @3x。我们有一百多个图像集。
我有两个问题:
1) 使用 PocketSVG 或什至其他库渲染的 100 多个 SVG 数据,这会影响性能吗?
2) 在常规资产上使用 SVG,将在视觉上有所不同,尽管我们的设计师使用矢量正确提取了所有这些图像。
提前致谢。
第一个问题的答案: 是的,每当尝试在屏幕上显示图像时,它都会处理您的 SVG 文件并创建新的图像资源。可能图书馆可以缓存图像以避免第二次处理。
如果您的资产目录中有所有 SVG 图像,则无需使用 PocketSVG。因为 Xcode 资产目录本身能够处理 SVG 图像。
Xcode 将在编译时从 SVG 文件创建@1x @2x @3x 图像。
第二个问题的答案: SVG 是矢量图。您可以从 svg 中提取高质量的图像。使用@1x @2x @3x 图像或 SVG 图像不会有任何不同。
使用 SVG 的优势在于,如果 Apple 推出了另一种不同的屏幕分辨率设备,则无需再创建资产 @4x。只需重新编译代码 Xcode 将代表您创建
参考link:How to use vector in Xcode
我们的一位团队成员敦促使用 github.com/pocketsvg/PocketSVG 来使用 SVG,而不是常规资产 @1x @2x @3x。我们有一百多个图像集。
我有两个问题:
1) 使用 PocketSVG 或什至其他库渲染的 100 多个 SVG 数据,这会影响性能吗?
2) 在常规资产上使用 SVG,将在视觉上有所不同,尽管我们的设计师使用矢量正确提取了所有这些图像。
提前致谢。
第一个问题的答案: 是的,每当尝试在屏幕上显示图像时,它都会处理您的 SVG 文件并创建新的图像资源。可能图书馆可以缓存图像以避免第二次处理。
如果您的资产目录中有所有 SVG 图像,则无需使用 PocketSVG。因为 Xcode 资产目录本身能够处理 SVG 图像。
Xcode 将在编译时从 SVG 文件创建@1x @2x @3x 图像。
第二个问题的答案: SVG 是矢量图。您可以从 svg 中提取高质量的图像。使用@1x @2x @3x 图像或 SVG 图像不会有任何不同。
使用 SVG 的优势在于,如果 Apple 推出了另一种不同的屏幕分辨率设备,则无需再创建资产 @4x。只需重新编译代码 Xcode 将代表您创建
参考link:How to use vector in Xcode