什么可能导致标签栏 iOS 中的图像看起来很难看?

What can possible cause image look ugly in tab bar iOS?

我有2张图片。

第一个(@2x:50x50,72像素/英寸)是这样的:

Tab Bar 太丑了:

第二个(@2x: 48x42, 72 pixels/inches)是这样的:

即使变小了,在 Tab Bar 中也很好看:

我看不出两张图片有什么不同。你能看到并告诉我为什么吗?我是为 iphone 设计图像的新手。如何为标签栏设计好的图像? Here可以下载图片了

现在您可以根据您使用的设备设置图像大小

标签栏图标(可选) iPhone 6 加 (@3x)

大约 75 x 75(最大:144 x 96)

iPhone 6 和 iPhone 5 (@2x) 大约 50 x 50 (最大: 96 x 64)

iPhone 4 秒 (@2x) 约 50 x 50(最大:96 x 64)

iPad 和 iPad 迷你 (@2x) 约 50 x 50(最大:96 x 64)

iPad 2 和 iPad 迷你 (@1x) 约 25 x 25(最大:48 x 32)

根据截图,我怀疑图片大小。

我无法说出确切原因,因为还没有看到与此相关的文档。

但在实际体验中,当图片大小和控件大小不同,即使有1个像素的差异,也会出现"distort"边框问题。

例如, 我的 UIImageView 大小是 32x 50,我的 imageView 的 @2x 图像文件是 64 x 101。这可能是因为当我们向下切片时,原始图像可能有这个像素差异,我们保留它纵横比。

在这种情况下,尺寸可以说是 32 x 50.5,这实际上有点不同,然后图像在其边框处显示 "distort" 或 "blur"

解决方法是根据需要更改图片大小。

经过数小时的研究,我终于找到了原因。我自己太傻了,但我必须 post 这样做,希望它能为其他 iOS 也想设计自己的应用程序的开发人员节省时间:

基本上当导出要在您的应用程序中使用的图像时,您需要使用 PNG-24 类型导出。就这样。 (示例见下图)。