SVG到UIButton iOS的PNG图像的分辨率

Question

我的Swift / iOS应用程序中有一个UIButton，宽度为20，高度为20，内部有图像。

我有一个SVG图标，希望用于UIButton中的图像。 当我将此SVG转换为PNG时，1x，2x和3x应该是什么分辨率？

现在，我正在创建30x30、60x60和90x90 PNG文件，但这主要是猜测。

我应该改用100x100、200x200和300x300 PNG文件吗？

这些较大的分辨率会看起来更好，但也许它们需要更多时间来加载？

另外，在UIButton中，要设置的正确内容模式是什么？ 缩放以填充或宽高比填充？

Answer 1

您应该完全使用所需的内容，如果需要填充20个点，则将具有20、40、60像素的集合。 不需要更大的图像，看起来没有什么区别，需要花费更多的时间来加载，花费更多的时间来渲染和增加应用的大小。

每个内容模式都有其自己的用途： UIViewContentModeScaleAspectFit和UIViewContentModeScaleToFill之间的区别？

Answer 2

您的问题的答案是“取决于”。 假设您希望图像完全填充按钮。 然后询问按钮的边界，该边界将为图像的1倍。 2x和3x大小将从此处开始。

至于内容模式，它取决于图像大小与按钮大小的关系。 如果图像与按钮的大小为1：1，则没有任何区别。 如果图像小于或大于按钮，则上下文模式将为您提供不同的外观。

我建议您使用多个按钮创建一个测试程序。 使用一些宽而短的图像，以及一些又高又瘦的图像。 将这些图像设置在按钮上，然后尝试不同的内容模式以查看关系如何变化。