向量资产优于位图资产的3个原因

在Zeplin中,您可以选择将资产下载为位图或矢量。

我一直选择位图资源,因为那是其他教程使用的资源。 但是,显然矢量资产是优越的。 这篇文章很好地解释了为什么会这样。

我说“显然”是因为我听说iPhone不能像Android手机那样真正地扩展矢量资产。 这就是我当时比我更明智的消息。Android手机确实确实使用矢量资产中的算法来生成所需大小的图像。 考虑到Android设备和屏幕尺寸的广泛性,这才有意义。

但是,iPhone中的矢量资产实际上并未随算法扩展。 因此,通过在位图上使用矢量不会获得更高质量的图像。 相反,您获得的质量与位图相同。 iPhone仅获取“矢量”资产并将其转换为相同的三个位图大小。

尽管如此,还是有一些 在iPhone上使用矢量资产的好处。

  1. 减少人为错误的可能性。 现在有三种位图大小(1x,2x,3x)。 这意味着您需要将三个图像上传到资产。 这是不小心拖放错误图像的三个机会。 使用矢量素材资源(在Xcode中通用)时,您只需要上传一张图片,而不是三张。 上传错误尺寸或图像的机会较小。
  2. 速度。 与#1相同。 如果您在应用程序中使用了大量图像,则使用矢量资产将需要上载的图像数量减少三分之一。
  3. 将来的证明。 iPhone当前仅使用三种图像尺寸(1x,2x,3x)。 这与屏幕的视网膜质量提高有关。 苹果几年前推出高视网膜屏幕时,每点的像素数量增加了,以获得更清晰的图像。
    类似的技术增长似乎极有可能继续发生。 将来,我们可能需要上传4x,5x和6x图像。 如果我们使用矢量资产,该应用程序将为我们缩放图像。 这样可以避免我们丢弃位图资产的新大小。
    尽管我不得不承认我对此感到有些困惑,但鉴于iPhone向量资产似乎并未真正在算法上起作用。 因此,我不确定它们将如何自动缩放为更大的尺寸。 但是我的明智导师解释了这一点,我相信他!

最终,使用矢量资产似乎没有任何弊端,只有上行优势。