app图标 ios 尺寸
2016-02-26 21:30:43 xlsn0w 阅读数 890


  • Icon.png – 57×57 iPhone应用图标
  • Icon@2x.png – 114×114 iPhone Retina显示屏应用图标
  • Icon-72.png – 72×72 iPad应用图标
  • Icon-72@2x.png - 144×144 iPad Retina显示屏应用图标
  • Icon-Small.png – 29×29 iPhone 系统设置和搜索结果图标
  • Icon-Small@2x.png – 58×58 iPhone Retina显示屏系统设置和搜索结果图标
  • Icon-Small-50.png – 50×50 iPad 系统设置和搜索结果图标
  • Icon-Small-50@2x.png – 100×100 iPad Retina显示屏系统设置和搜索结果图标

 

 

高清晰度的iPhoneiPod touch(单位:像素)

  • 启动影像 640 x 960
  • APP图标:114 x 114
  • App Store商店:1024 x 1024
  • Spotlight搜索小图标: 58 x 58
  • 文档图标: 44 x 58
  • Web Clip图标 114 x 114
  • 工具栏和导航栏图标 40 x 40
  • 标签栏的图标:约60 x 60
  • 报刊杂志:最长的边缘1024像素(最小)



iPhoneiPod touch(单位:像素)

  • 启动影像 320 x 480
  • APP图标:57 x 57
  • App Store商店:1024 x 1024
  • Spotlight搜索小图标:29 x 29
  • 文档图标: 22 x 29
  • Web Clip图标 57 x 57
  • 工具栏和导航栏图标 20 x 20
  • 标签栏的图标:约30 x 30
  • 报刊杂志:最长的边缘1024像素(最小)



高分辨率的iPad的尺寸(单位:像素)

  • 启动影像 1536 x 2008 topbar的高度:40
  • APP图标:114 x 114
  • App Store商店:1024 x 1024
  • Spotlight搜索小图标:100 x 10058 x 58
  • 文档图标:128 x 128640 x 640
  • Web Clip图标 144 x 144
  • 工具栏和导航栏图标 40 x 40
  • 标签栏的图标:约60 x 60
  • 报刊杂志:最长的边缘1024像素(最小)



iPad
的尺寸 (单位:像素)

  • 启动影像 768 x 1004topbar的高度:20
  • APP图标:72 x 72
  • App Store商店:1024 x 1024
  • Spotlight搜索小图标: 50 x 5029 x 29
  • 文档图标: 64 x 64320 x 320
  • Web Clip图标 72 x 72
  • 工具栏和导航栏图标 20 x 20
  • 标签栏的图标:约30 x 30
  • 报刊杂志:最长的边缘1024像素(最小)

 

补充:
圆角半径
iTunes Artwork icon ───────────────────────── 512px (90px)
App icon(iPhone4) ────────────────────────── 114px (20px)
App icon(iPad) ───────────────────────────── 72px (12px)
App icon(iPhone 3G/3GS) ───────────────────── 57px(10px)
Spotlight/Settings icon icon(iPhone4) ───────────── 58px (10px)
Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px)


2017-08-21 11:25:00 weixin_33725272 阅读数 62

当我们写一个项目的时候,首先需要设置app图标尺寸和启动页尺寸

1.app图标尺寸

iOS项目设置图标时,要设置3种样式的图标,分别是spotlight,settings,app


7443959-c675c9c9466c6018.png
spotlight


7443959-f894aa838253f06e.png
appicon


7443959-f4b92c3e126ac370.png
settings


目前对图标只考虑二倍屏,和三倍屏,见下表


7443959-da57902e98179783.jpg
app图标尺寸

因此,各图标尺寸如下,

对于:桌面图标(AppIcon)

iPhone6 plus(@3x) : 180 x 180

iPhone 6/5s/5/4s/4(@2x) : 120 x 120

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

iPhone6 plus(@3x) : 120 x 120

iPhone6/5s/5/4s/4(@2x) : 80 x 80

系统设置图标 (Settings icon)

iPhone6/5s/5/4s/4(@2x) : 58 x 58

iPhone6 plus(@3x) : 87 x 87

对于到项目中,


7443959-33284869dd407800.png

即,要准备6张图片,将58 X 58和87X87 拉到,设置图标中;将80X80,120X120拉到搜索图标下,将120X120,180 X180拉到桌面图标下。

2.启动图片尺寸

当前只考虑竖屏(Portrait

iPhoen5s/5(@2x) : 640 x 1136

iPhoen4s/4(@2x) : 640 x 960

iPhone 6s/6(@2x) : 750 x 1334

iPhone 6 plus (@3x) : 1242 x 2208

4种尺寸,一种设备一种尺寸


7443959-ea5bdbf37d536e78.png

iPhone PortraitiOS8,9-Retina HD 5.5 (1242×2208) @3x

iPhone Portraitios8,9-Retina HD 4.7 (750×1334) @2x

iPhone Portrait iOS 7,9-2x (640×960) @2x

iPhone Portrait iOS 7,9-Retina 4 (640×1136) @2x

因此找到这几种尺寸的图片,往相应位置拉

2016-08-18 15:11:00 weixin_34361881 阅读数 3

iOS App图标和启动画面尺寸

字数349阅读43624评论10喜欢90

注意: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

7. 参考文献

Icon and Image Sizes

Launch Images

2016-08-04 10:45:21 zwl492454828 阅读数 320

注意: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
2016-07-27 19:06:21 jeffasd 阅读数 2453

http://www.jianshu.com/p/adpKye

注意: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

7. 参考文献



文/简述呢(简书作者)
原文链接:http://www.jianshu.com/p/adpKye
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

没有更多推荐了,返回首页