iOS 中的 PDF 图像资产有奇怪的发光效果?

Strange glowing effect on PDF image assets in iOS?

我遇到了一个问题,图像周围有一种奇怪的发光效果,如下图所示:

从这么近的地方很难看到,但在查看应用程序时却非常明显。此外,将这些屏幕截图放入设计程序并使用颜色滴管将证明这些图像周围有光晕。这些图像中的每一个都是 PDF 文件,呈现为模板图像,这样我就可以更改 tintColor 而不是为每种颜色向我的资产文件夹添加更多图像。

我已经阅读了一些其他文章和问题,这些文章和问题说还没有完全支持矢量图形 (here). However, that is outdated as it specifies iOS 7 as the latest version at the time of writing. Now in iOS 13, I assume there have been changes. Another article I read said to never use vector graphics as they can get messed up when Xcode generates PNGs from the PDFs (here)。

我的资产信息Images.xcassets:

Render as: Template Image

Resizing: Preserve Vector Data

Scales: Single Scale

我还尝试为每个图像实现 3 个不同大小(@1x、@2x、@3x)的 PNG,但效果相同。

创建具有较小边框的新图像消除了发光,但显然,这不符合我想要在应用程序中使用的设计风格。我在 Sketch 中设计了这些图标,并使用了 3 的边框大小,然后导出为 PDF。

所以,当我写这个问题时,我似乎找到了答案。

事实证明它与Xcode中的任何内容都没有关系。问题在于 Sketch。我重新设计了 Adob​​e Illustrator 中的每个元素,将它们导出为 PDF,在资产文件夹中设置相同的设置,如下所示:

Render as: Template Image

Resizing: Preserve Vector Data

Scales: Single Scale

更新后的截图如下:

我正在使用:

Sketch (Version 52.5)

Adobe Illustrator (Version 24.2.1)

我不知道为什么会出现这个问题,但我希望它可以帮助遇到此问题的人。如果有人对此有更多信息,请发表评论:)。