`
刘可如
  • 浏览: 1086 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

ios8 App Icon size

阅读更多

Icon and Image Sizes

Every app needs an app icon and a launch file or image. In addition, some apps need custom icons to represent app-specific content, functions, or modes in navigation bars, toolbars, and tab bars.

Unlike other custom artwork in your app, the icons and images listed in Table 39-1 must meet specific criteria so that iOS can display them properly. In addition, some icon and image files have naming requirements (to learn about naming these files, see App Icons and App Launch (Default) Images).

Table 39-1Size (in pixels) of custom icons and images

Asset

iPhone 6 Plus (@3x)

iPhone 6 and iPhone 5 (@2x)

iPhone 4s (@2x)

iPad and iPad mini (@2x)

iPad 2 and iPad mini (@1x)

App icon (required for all apps)

180 x 180

120 x 120

120 x 120

152 x 152

76 x 76

App icon for the App Store (required for all apps)

1024 x 1024

1024 x 1024

1024 x 1024

1024 x 1024

1024 x 1024

Launch file or image (required for all apps)

Use a launch file (seeLaunch Images)

For iPhone 6, use a launch file (seeLaunch Images)

For iPhone 5, 640 x 1136

640 x 960

1536 x 2048 (portrait)

2048 x 1536 (landscape)

768 x 1024 (portrait)

1024 x 768 (landscape)

Spotlight search results icon (recommended)

120 x 120

80 x 80

80 x 80

80 x 80

40 x 40

Settings icon (recommended)

87 x 87

58 x 58

58 x 58

58 x 58

29 x 29

Toolbar and navigation bar icon (optional)

About 66 x 66

About 44 x 44

About 44 x 44

About 44 x 44

About 22 x 22

Tab bar icon (optional)

About 75 x 75 (maximum: 144 x 96)

About 50 x 50 (maximum: 96 x 64)

About 50 x 50 (maximum: 96 x 64)

About 50 x 50 (maximum: 96 x 64)

About 25 x 25 (maximum: 48 x 32)

Default Newsstand cover icon for the App Store (required for Newsstand apps)

At least 1024 pixels on the longest edge

At least 1024 pixels on the longest edge

At least 1024 pixels on the longest edge

At least 1024 pixels on the longest edge

At least 512 pixels on the longest edge

Web clip icon (recommended for web apps and websites)

180 x 180

120 x 120

120 x 120

152 x 152

76 x 76

For all images and icons, the PNG format is recommended. You should avoid using interlaced PNGs.

The standard bit depth for icons and images is 24 bits—that is, 8 bits each for red, green, and blue—plus an 8-bit alpha channel.

You don’t need to constrain your palette to web-safe colors.

 

官网地址https://developer.apple.com/library/safari/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html

分享到:
评论

相关推荐

    iOS获取AppIcon and LaunchImage's name(app图标和启动图片名字)

    在iOS开发中,获取AppIcon和LaunchImage的名称有时是必要的,例如用于特定场景下的定制化展示或模拟通知。本文将详细介绍如何在iOS应用中获取这两个元素的名称。 首先,AppIcon是应用在用户设备上显示的图标,而...

    iOS基础——通过案例学知识之LaunchScreen、APPIcon、StatusBar、UIScrollView、UIPageControl

    总之,理解和掌握LaunchScreen、APPIcon、StatusBar、UIScrollView和UIPageControl这五个关键概念,对于开发高质量的iOS应用至关重要。它们不仅影响着应用的外观,还直接影响到用户的使用体验。通过实践案例,开发者...

    IOS App IconProducer

    IOS App IconProducer. 提审AppStore,美术总是给一个1024x1024的 Icon ,然后就进入了繁琐的修改图片 size 和 plist 文件 Icon 配置的过程,很繁琐。它可以一键生成json 指定的Icon图片,免去各种修改图片的烦恼

    iOS资源分享.zip

    4. **图标与启动画面**:每个iOS应用都需要定制的App Icon和Launch Screen。App Icon代表应用的视觉标识,Launch Screen则是用户打开应用时首先看到的页面,可以是静态图片或简单的界面布局。 5. **本地化**:iOS...

    ios-SGAdvertScrollView.zip

    advertScrollView.titleArray = @[@"常见电商类 app 滚动播放广告信息", @"采用代理模式封装, 可进行事件点击处理", @"建议去 github 上下载"]; advertScrollView.titleFont = [UIFont systemFontOfSize:14]; ...

    IOS-Icons-generator-hands-free:生成新图标,并创建新的Assets图标文件夹来存储它们

    该脚本将创建一个AppIcon.{Your icon name}.appiconset/目录,其中包含Xcode所需的所有必要文件和元数据。 (在您的资产文件夹中!) 文件名和大小来自。 { "size" : "20x20", "idiom" : "iphone", "filename...

    MAC中用Shell脚本批量裁剪各种尺寸的App图标

    在苹果的MAC操作系统中,开发或管理iOS应用时,创建并适配各种尺寸的App图标是一项繁琐的任务。然而,通过使用Shell脚本和内置的`sips`命令,我们可以自动化这个过程,大大提升效率。本文将详细讲解如何编写一个...

    Uniapp 各类 button按钮

    在 UniApp 开发框架中,Button 组件扮演着同样的角色,提供了丰富的样式和交互功能,支持全端(包括iOS、Android、H5、微信小程序、支付宝小程序、百度小程序等)应用的开发。本篇将深入探讨 UniApp 中的 Button ...

    IconFont_Demo:在iOS工程中使用iconfont技术节省图片尺寸

    iconLabel.font = [UIFont fontWithName:@"YourIconFontName" size:24]; iconLabel.text = @"\ue600"; // 这里的"\ue600"是图标在字体文件中的Unicode值 ``` 4. **适应不同平台**:IconFont技术同样适用于多种设备...

    用CALayer.Mask(遮罩)实现iphone图标的水晶立体效果

    let path = UIBezierPath(roundedRect: CGRect(x: 0, y: 0, width: iconSize, height: iconSize), cornerRadius: iconSize / 2) maskLayer.path = path.cgPath maskLayer.fillRule = .evenOdd // 这个属性可以确保...

    移动端经验速递手册下载

    - **方法**: 通过添加`<link rel="apple-touch-icon" href="图标路径">`来指定图标。 **2.7 添加到主屏幕时隐藏地址栏和状态栏** - **方法**: 使用`<meta name="apple-mobile-web-app-capable" content="yes">`来让...

    swift-SwiftIconFontiOS中使用图标字体(FontAwesomeIconic等)

    在iOS应用开发中,图标字体是一种非常实用的设计和开发工具,可以方便地为应用程序添加各种图形元素,而无需使用图片资源...记得在实际操作时遵循Apple的App Store审核指南,确保所有使用的字体和图标都符合版权要求。

    微信小程序之通过Canvas生成图片保存到手机相册

    因此,应在小程序的`app.json`或页面配置中声明相关的权限: ```json { "permissions": { "scope.writePhotosAlbum": { "desc": "您的授权将使我们能够将图片保存到您的相册" } } } ``` 此外,由于微信小程序...

    jesgoo_interface_json(1).pdf

    * os_type:操作系统类型,int类型,取值包括OS_UNKNOWN、ANDROID、IOS、WP等 * os_version:操作系统版本,包含major、minor、micro和build四个字段 * brand:设备品牌,string类型 * model:设备型号,string类型 ...

    UniApp 是一个基于 Vue.js 的跨平台应用框架

    **UniApp** 是一款基于 **Vue.js** 的跨平台应用框架,它的主要特点是能够通过一套代码来生成适用于不同平台的应用程序,包括但不限于 **iOS**、**Android**、**H5**(网页应用)、以及多种 **小程序**(如微信小...

    数字识别之神经网络法

    // CAboutDlg dialog used for App About class CAboutDlg : public CDialog { public: CAboutDlg(); // Dialog Data //{{AFX_DATA(CAboutDlg) enum { IDD = IDD_ABOUTBOX }; //}}AFX_DATA // ClassWizard ...

Global site tag (gtag.js) - Google Analytics