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

时间:2017-05-04 02:28:34

标签: ios swift svg png

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

我有一个SVG图标,我想用于UIButton中的图像。当我将这个SVG转换为PNG时,1x,2x和3x的分辨率应该是多少?

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

我应该使用100x100,200x200和300x300 PNG文件吗?

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

此外,在UIButton中,要设置的正确内容模式是什么?缩放以填充或填充方位?

2 个答案:

答案 0 :(得分:1)

你应该使用你需要的东西,如果你需要填充20点,你将拥有一组20,40,60像素。更大的图像是不必要的,看起来没有区别,需要更多的时间来加载,更多的时间来渲染和增加应用程序的大小。

每种内容模式都有其自己的用途: Difference between UIViewContentModeScaleAspectFit and UIViewContentModeScaleToFill?

答案 1 :(得分:1)

你的问题的答案是“它取决于”。假设您希望图像准确填充按钮。然后询问按钮的边界,这将是图像的1倍大小。 2x和3x尺寸将从那里开始。

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

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