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

Posted 2023-03-22

【中文标题】什么可能导致图像在标签栏 iOS 中看起来很难看？

【英文标题】：What can possible cause image look ugly in tab bar iOS?

【发布时间】：2015-05-12 05:19:22

【问题描述】：

我有 2 张图片。

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

在标签栏里看起来很丑：

第二个（@2x: 48x42, 72 像素/英寸）是这样的：

即使它更小，在标签栏中也很好看：

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

【问题讨论】：

图像大小没有太大差异...您可以尝试使用.. 3X、2X、1X。取决于您的 iPhone 屏幕尺寸。

***.com/a/29383111/1679187

@Thomasdao 你还没有回复。

是的，我为上面的每个“漂亮”和“丑陋”图像设置了 3x、2x、1x。我在这个问题中只上传了 2x 版本，因为这足以显示它们在标签栏中的不同之处。在这个问题中，我不是在问所需大小的 3x、2x、1x 问题。我从***.com/questions/18068597/… 知道的。问题是，为什么一张图片 - 虽然设计尺寸不同 - 看起来比另一张设计成所需尺寸的更好

我已经为我的图像设计了 75x75、50x50、25x25，但它们看起来真的很糟糕。我上面的“不错”的一张是我从互联网上得到的一张图片，我不知道为什么它看起来不错，而我的图片看起来很糟糕

【参考方案1】：

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

标签栏图标（可选） iPhone 6 Plus (@3x)

大约 75 x 75（最大：144 x 96）

iPhone 6 和 iPhone 5 (@2x) 大约 50 x 50（最大：96 x 64）

iPhone 4s (@2x) 大约 50 x 50（最大：96 x 64）

iPad 和 iPad mini (@2x) 大约 50 x 50（最大：96 x 64）

iPad 2 和 iPad mini (@1x) 约 25 x 25（最大：48 x 32）

【讨论】：

谢谢，但这不是我要问的。我已经为我的图像设计了 75x75、50x50、25x25，但它们看起来真的很糟糕。我上面的“不错”的一张是我从互联网上得到的一张图片，我不知道为什么它看起来不错，而我的图片看起来很糟糕

25x22 1x 50x44 2x 75x66 3x 我认为由于您的纵横比，图像看起来很难看尝试这些分辨率

我已经为您测试了这些图像尺寸，它们在模拟器中与我完美配合

“这些图像”是指您建议的 25x22 1x 50x44 2x 75x66 3x，还是指我提供的图像？

是的，您在丢弃的盒子上分享的这些图像 - 我为那个心形创建了 1x 2x 和 3x 25x22 1x 50x44 2x 75x66 3x

【参考方案2】：

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

我无法说出确切的原因，因为从未见过有关该发现的文件。

但在实际经验中，当图像大小和控件大小不同时，即使有 1 个像素的差异，也会发生一些有点“扭曲”的边框问题。

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

在这种情况下，大小可以说是 32 x 50.5，这实际上是有点差异，然后图像在其边界处显示“扭曲”或“模糊”

解决方案就是根据需要改变它的图像大小。

【讨论】：

感谢您的建议，但我认为并非如此。我有“丑陋”图像的大版本 - 512x512。然后我将它保存为 50x50 作为丑陋的@2x.png。所以我不认为我有一点区别

【参考方案3】：

经过几个小时的研究，我终于找到了原因。我自己太傻了，但我必须发布这篇文章，希望它可以为其他想要设计自己的应用程序的 ios 开发人员节省时间：

基本上在导出要在应用程序中使用的图像时，您需要使用 PNG-24 类型导出。就这样。 （请参见下图作为示例）。

【讨论】：

它不起作用。我使用 512x512 到 32x32，它仍然很难看。唯一的方法是调整图像大小以正确大小