当前位置: 首页 > 编程笔记 >

IOS App图标和启动画面尺寸详细介绍

左丘边浩
2023-03-14
本文向大家介绍IOS App图标和启动画面尺寸详细介绍,包括了IOS App图标和启动画面尺寸详细介绍的使用技巧和注意事项,需要的朋友参考一下

iOS App图标和启动画面尺寸  

注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。 

1. 桌面图标 (app icon)  

for iPhone6 plus(@3x) : 180 x 180 
  for iPhone 6/5s/5/4s/4(@2x) : 120 x 120 

2. 系统搜索框图标 (Spotlight search results icon)  

 
  for iPhone6 plus(@3x) : 120 x 120 
  for iPhone6/5s/5/4s/4(@2x) : 80 x 80 

3. 系统设置图标 (Settings icon)  

 for iPhone6 plus(@3x) : 87 x 87 
  for iPhone6/5s/5/4s/4(@2x) : 58 x 58 

 4. 启动图片 (launch image)    

  for iPhoen5s/5(@2x) : 640 x 1136 
 
  for iPhoen4s/4(@2x) : 640 x 960 
 
  iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ;如果依然想使用图片,尺寸数值为: 
 
  for iPhone 6(@2x) : 750 x 1334 
  for iPhone 6 plus (@3x) : 1242 x 2208 

  5. 另一种根据iOS系统的分类法    

Spotlight 
 
  iOS 5,6 
 
  base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87 
 
  iOS 7,8 
 
  base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120 
 
iPhone App 
 
  iOS 5,6 
 
  base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114 
 
  iOS 7,8 
 
  base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180 
 
Settings 
 
  iOS 5,6,7,8 
 
  base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87 

  6. 尺寸总结:  

图标尺寸输出列表: 
 
  180x180 
  120x120 
  87x87 
  80x80 
  58x58 
  57x57 
  29x29 
 
启动图片尺寸输出列表: 
 
  640x960 
  640x1136 
  750x1334 
  1242x2208 

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

 类似资料:
  • 本文向大家介绍canvas 画布在主流浏览器中的尺寸限制详细介绍,包括了canvas 画布在主流浏览器中的尺寸限制详细介绍的使用技巧和注意事项,需要的朋友参考一下 canvas 画布在主流浏览器中的尺寸限制详细介绍 通过测试发现,canvas在不同浏览器下面有不同的最大尺寸限制。 大家都知道,canvas有自身的width,height属性来控制尺寸,用css的width,height,控制显示的

  • 本文向大家介绍Activity 四种启动模式详细介绍,包括了Activity 四种启动模式详细介绍的使用技巧和注意事项,需要的朋友参考一下 Activity 四种启动模式详细介绍 在Android中每个界面都是一个Activity,切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。 Android总Acti

  • Many web-developers forget to write width and height attributes for <img> tags which leads to poor UX. This action helps you to automate this process: simply place caret inside <img> tag and run this

  • Icon与图片尺寸 每个应用都需要一个漂亮的、令人难忘的主屏幕图标,以便用户可以很好地识别应用程序。由于用户仅仅通过主屏幕上的icon识别应用程序,所以你的icon应当是可辨认的,并且类似iOS应用程序的icon,并且能传达出应用程序的目的。 Icon尺寸 主屏幕上的icon是圆形的。Table 20-1列出了每个icon相应的直径和用途。所创建的图形资源都是@2x规格(注意:Xcode中的ico

  • 注意: Adobe Muse 不再添加新增功能,并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助,请参阅 Adobe Muse 服务结束页面。 使用参考线设置页眉、页脚和内容区域 主页包含五根可移动的水平参考线。顶部和底部的参考线确定整体页面大小。中间的两根参考线定义页面内容的主要部分:页眉下边缘与页脚区域上边缘之间的区域。在“设计”视图中将鼠标悬停在每根参考线上方以查看说明性工

  • 到2021年应该使用哪些favicon维度、文件格式和meta/link标记?这包括苹果图标、windows、android等人们今天使用的设备。 我使用Opera并且我可以看到它支持svg格式。现在使用svg是最好的解决方案吗?有没有“一档通吃”的选项? 我已经浏览了很多网站,检查了不同的“favicon生成器”。他们都是岁以上的,大部分工作与png文件。 请提供尺寸,文件格式和元/链接标签应该

  • 有人知道JavaFX中画布的最大尺寸吗?从一些测试中,它接缝为8192(与IE相同),在我看来,这很奇怪。也许,可以修改吗?

  • 本文向大家介绍Jenkins 关闭和重启详细介绍及实现,包括了Jenkins 关闭和重启详细介绍及实现的使用技巧和注意事项,需要的朋友参考一下 Jenkins 关闭和重启 我们用jar -jar jenkins.war来启动jenkins服务器,那么我们如何关闭或者重启jenkins服务器呢?经过搜索找到了相应的方法. 关闭jenkins服务 只需要在访问jenkins服务器的网址url地址后加上