什么可能导致标签栏 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 类型导出。就这样。 (示例见下图)。
我有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 类型导出。就这样。 (示例见下图)。