`

iphone,ipad,关于icon图标的那些事

阅读更多

转自:http://gaobusi.iteye.com/blog/1452748

 

我们的辛辛苦苦做出来的应用程序在iPhone上的表示仅仅是一个图标,对这个图标不可以不谨慎对待,不能因为大小不对头这些小问题而失真啊什么的。

 

那么,你知道图标的大小和格式吗?

 

本文适用于iPhone,iPod Touch,iPad等各种iOS设备。

 

 

图片大小 (px)

文件名

用途

重要程度

512x512

iTunesArtwork

iTunes 商店中展示

可以没有,推荐有

57x57

Icon.png

iPhone/iPod touch上的App Store以及Home界面

这个真得有

114x114

Icon@2x.png

iPhone 4(高分辨率)的Home 界面

可以没有,推荐有

72x72

Icon-72.png

兼容iPad的Home界面

可以没有,推荐有

29x29

Icon-Small.png

Spotlight搜索以及设置界面

可以没有,推荐有

50x50

Icon-Small-50.png

兼容iPad的Spotlight搜索

如果有设置束,最好有

58x58

Icon-Small@2x.png

iPhone 4(高分辨率)的Spotlight搜索和设置界面

如果有设置束,最好有



 

 

其中第一个,也就是iTunesArtwork,必须是png格式的,但不许有后缀名。

专为iPad的应用程序

 

 

图片大小 (px)

文件名

用途

重要程度

512x512

iTunesArtwork

iTunes 商店中展示

可以没有,推荐有

72x72

Icon-72.png

App Store以及iPad上的Home界面

这个真得有

29x29

Icon-Small.png

iPad上的设置界面

如果有设置束,最好有

50x50

Icon-Small-50.png

兼容iPad的Spotlight搜索

可以没有,推荐有

 

 

ItunesArtwork同上。

iPhone、iPad通用的应用程序

 

 

 

图片大小 (px)

文件名

用途

重要程度

512x512

iTunesArtwork

iTunes 商店中展示

可以没有,推荐有

57x57

Icon.png

iPhone/iPod touch上的App Store以及Home界面

这个真得有

114x114

Icon@2x.png

iPhone 4(高分辨率)的Home 界面

可以没有,推荐有

72x72

Icon-72.png

iPad上的App Store以及Home界面

可以没有,推荐有

29x29

Icon-Small.png

iPad和iPhone的设置界面以及iPhone的Spotlight搜索界面

可以没有,推荐有

50x50

Icon-Small-50.png

iPad上的Spotlight搜索界面

可以没有,推荐有

58x58

Icon-Small@2x.png

iPhone 4(高分辨率)的Spotlight搜索和设置界面

如果有设置束,最好有


 

 

Info.plist文件

下面你也知道要怎么样了吧——对了,设置plist文件。首先,将所有的图标文件起好名字,添加到工程的Resources中去。在.plist中添加一个Icon file字段,再添加Icon files文件字段,为Icon files添加子字段,就是所需的图标文件。如图所示。

修改info.plist文件

 

 

Ps:如果你只提供一些必须的文件,剩下的文件iPhone会为你生成的。

Update:现在不提供iPhone4的必须图标Icon@2x.png,将通不过App Store的审核,所以,现在Icon@2x.png也是必须的了。

 

 

分享到:
评论

相关推荐

    iOS app 图标输出模板 appicon ps 模板

    适用于iOS系统的App图标输出模板,只需要制作一张 512*512尺寸的图标,借助文件夹中的psd文件并导入附带的ps脚本即可完成多种尺寸的图标输出,一步到位 省去制作多...用于ipad的 72 50 144 100 长款尺寸的icon,png图标

    漂亮的Pure图标包.zip

    各种适配主流app的超好看的puer图标,非常适合做UI设计。app icon制作,iPhone图标,iPad图标制作... iPhone iPad app spotlight settings navigation tabbar

    iOS图标设计模板

    为帮助广大程序员解决制作图标模板的问题,国外网站appicontemplate提供了一套psd文件下载,其中包含不同尺寸,针对不同屏幕分辨率的iPhone和iPad图标模板,当然也包括针对Retina显示屏的icon。...

    icon:将图像转换为适合收藏图标,地铁图块,触摸图标的缩略图

    touch-icon-ipad-retina.png touch-icon-iphone-retina.png touch-icon-iphone.png tileicon.png 种类 名称 类型 尺寸 touch-icon-iphone.png PNG 57 x 57 touch-icon-iphone-retina.png PNG 114 x 114 touch-...

    App-Icon-Template:这是一个应用程序图标模板和脚本,用于使用 Inkscape 制作 iOS 7 和预制图标。 由 Kodira 创建

    因此,我们为 iPad 和 iPhone 7 应用程序创建了我们自己的 SVG 应用程序图标模板。 它包括新的黄金比例网格。 为了便于导出,我们编写了一个小脚本来快速呈现各种应用程序图标。 您可以在此处下载 SVG 模板和脚本。...

    iOS_icon_maker:使iOS应用程序图标集

    通过Python PIL为iPhone或iPad设置不同大小的图标。 要求 需要安装Python Imaging Library(PIL)。 pip install PIL 用法 usage: makeicon.py [-h] [-m model] -b path 可选参数: -h, --help show this help ...

    ios-icon-selector:嵌入式UI组件,可轻松选择iOS上的备用图标

    将条目添加到Info.plist中非常棘手,更不用说实现可以在iPhone和iPad上显示的UI了。 该库负责最后一部分,让您轻松选择要添加的图标! 特征 建立在UIControl之上。 可调边框,内边距,标签等 照原样放置,或使用它...

    Sketch-icon-template:网络图像的尺寸和草图模板

    网络品牌图片尺寸 网络图像的尺寸:图标、个人资料、徽标和横幅... 72x72px iPad 主屏幕图标(iPad 1 和 2) 96x96px 谷歌电视 100x100px iOS Spotlight 结果图标 (Retina) 114x114px iPhone Retina 主屏幕图标 (i

    Android中处理apple-touch-icon详解

    由于苹果设备IPod,IPhone,IPad等设备广泛,很多网页都提供了touch icon这种图标资源。由于Android中并没有及早的有一份这样的标准,当我们想把网页添加到桌面时,仍然需要使用苹果的Touch Icon。 Touch Icon 当我们...

    ios开发 图标得设置

    本文适用于iPhone,iPod Touch,iPad等各种iOS设备。

    近年最全Axure元件库-windows版本.zip

    iOS7-Like-Icon-Set.rplib iOS8 UI Kit.rplib ipad.rplib iPhone Bodies All.rplib iPhone-Bodies.rplib iPhone-Horizontal.rplib iPhone-UI.rplib 屏幕分辨率.rplib 手机-General.rplib 输入框.rplib ...

    Axure最全组件库

    icon-UX_People.rplib Icons_Audio.rplib iOS iPad Wireframe.rplib ipad.rplib iPhone-Bodies.rplib JQuery Mobile.rplib Mobile-android_DSK (2).rplib Mobile-android_DSK.rplib mobile-iPhone-Horizontal.rplib ...

    Axure元件库大全

    iOS7-Like-Icon-Set.rplib iOS8 UI Kit.rplib ipad.rplib iPhone Bodies All.rplib iPhone-Bodies.rplib iPhone-Horizontal.rplib iPhone-UI.rplib 屏幕分辨率.rplib 手机-General.rplib 输入框.rplib 图标组件库....

    产品经理Axure元件库.zip

    icon-UX People.rplib iOS iPad线框。rplib iOS7-Base-UI。rplib iOS7-Like-con-Set.rplib ioS8 UI 工具包. rplib ipad. Rplib iPhone的身体All.rolib iPhone-Bodies.rplib iPhone-Horizontal.rplib iPhone. Rplib ...

    自用Web+H5+Phone+一般原型+流程库

    icon-UX_People.rplib iOS iPad Wireframe.rplib ipad.rplib iPhone Bodies All.rplib iPhone-Bodies.rplib iPhone-Horizontal.rplib iPhone-UI.rplib JQuery Mobile.rplib Mobile-android_DSK....

    63套Axure组件库

    icon-UX_People.rplib Icons_Audio.rplib iOS iPad Wireframe.rplib ipad.rplib iPhone-Bodies.rplib iPhone-Horizontal.rplib iPhone-UI.rplib JQuery Mobile.rplib Mobile-android_DSK.rplib mobile-iPhone-...

    iOS APP图标快速生成

    源码ios-icon-generator,ios-icon-generator是一个iOS APP图标快速生成工具,可以生成iPhone和iPad所需的所有图标。srcfile - 源png文件。 分辨率最好在 1024x1024以上。 dstpath - 存放生成图标的目标文件夹。 ...

    grunt-favicons:生成favicon.ico和适用于iOS,Android和WP8的图标

    咕-图标 从PNG图像生成所有已知的类型和尺寸图标。 使用ImageMagick。 输入:png中的方形徽标。 您也可以将源文件source.16x16.png分辨率前缀附近,... apple-touch-icon-72x72.png (72x72)-iPad非视网膜; apple

    ios-YFViewPager 一个类似于安卓ViewPager的开源库 - iOS版 ViewPager 高级库.zip

    一个类似于安卓ViewPager的开源库 - iOS ViewPager 高级库 支持 iPhone/ipad/ipod 相关方法 pragma mark - version 1.0 /** * 初始化 YFViewPager的方法 * * @param frame frame * @param titles 标题...

Global site tag (gtag.js) - Google Analytics