Retina显示器的大图标是否足够?

时间:2012-09-02 11:57:32

标签: graphics icons retina-display high-resolution

我正在开发一个有图标的程序。我一直想知道我是否真的需要使用矢量图标(因为它们很难找到并找到),或者我可以使用更大的图标,例如256x256图标(最大64px尺寸)?

2 个答案:

答案 0 :(得分:1)

好吧,iOS图标不是矢量图形。它们是PNG图像,使用以下分辨率:

iPhone non-retina: 57 x 57
iPhone retina: 114 x 114
iPad non-retina: 72 x 72
iPad retina: 144 x 144

此外,如果您为AppStore开发,则必须包含一个iTunesArtwork文件,该文件也是512 x 512像素的PNG(与您的应用程序是否为视网膜无关)。

答案 1 :(得分:1)

如果要显示64px图像,请使用64px图标。一旦开始缩放,您将失去一些质量(尽管按2的幂缩放并不像任意缩放因子那么差)

但是,当你的尺寸超过64像素时,缩放效果变得越来越不明显,因此你可以开始使用缩放图标而不是设备相关的分辨率,而不必担心质量损失。

主要是绘制图标的主要功能,以匹配您希望支持的最低公分母分辨率。例如,如果要在某些设备上使用32x32图标,而在其他设备上使用64x64,则在32x32图标中将线条设置为1像素,这相当于64x64上的2像素厚度。通过这种方式,64x64看起来像32x32的“更清晰”版本,而不是线条更薄或32x32图标“模糊”(例如,由于抗锯齿,64图像上的细黑线变为更粗的灰线32)。

一般来说,你也应该以高分辨率设计你的图形(例如“视网膜”分辨率是一个愚蠢的营销策略,只是实际“视网膜”分辨率的四分之一 - 你可以确定屏幕分辨率将再次翻倍正如HDTV已经开始被取代为4K和8K)。因此,我建议对主图像使用256或512分辨率(但仍然将其功能基于32x32或64x64网格),然后将该图像缩小,然后再触摸它以在较低分辨率下获得高质量。这样,如果(何时)您需要更高分辨率的图标,则无需从头开始重绘。 (如果可能,将图标设计为矢量图,然后以您需要的各种像素分辨率重新导出它)

此外,如果您避免使用高对比度边缘,您的图标将更容易缩放(因为向下缩放高对比度边缘通常会导致模糊的抗锯齿效果,除非边缘与低分辨率像素边界完美对齐)。因此,典型的软渐变阴影苹果或Android图标将比典型的高对比度win8线条画更好地缩小)

最后请记住,仅仅因为您今天的设备使用32x32和64x64,这并不意味着您不会发现自己移植到图标大小在接下来的6-12个月内完全不同的设备(例如57x57,72x72等)和重新缩放将无法正常工作。在这些情况下,源图像越大,缩小它的结果就越好(即将512x512缩小到72通常会比将128x128缩小到72更好。