iOS和Android图标大小
iOS版
有关要求和指导原则适用于iOS的应用程序图标的更多详细信息,请参阅的iOS人机界面指南:图标和图像尺寸和技术Q&A QA1686:iPad和iPhone上的应用程序图标。
所有图标都必须符合24位彩色PNG格式。
应用程序图标
对于适用于iOS 7的应用和以后,我们需要在这些大小的图标图像文件:
- 1024×1024
- 512×512
- 228点¯x228
- 180×180
- 152点¯x152
- 120×120
- 87高x 87
- 80×80
- 76点¯x76
- 58×58
- 40×40
- 29 X 29
- 144×144(如果支持的iOS 6.1或更早版本)
- 114点¯x114(如果支持的iOS 6.1或更早版本)
- 100×100(如果支持的iOS 6.1或更早版本)
- 72 x 72到(如果支持的iOS 6.1或更早版本)
- 57点¯x57(如果支持的iOS 6.1或更早版本)
- 50×50(如果支持的iOS 6.1或更早版本)
iOS的图标是不透明的。需要注意的是,当它显示图标的iOS将自动一轮的角落,并添加闪耀的光泽效果。你可能想,如果你想在它的外观更多的控制预渲染闪耀效果。
工具栏,导航栏和标签栏的图标
- 使用纯白色和透明区域
- 不包括阴影
- 使用抗锯齿
对于工具栏和导航栏图标,创建具有这些尺寸的图像:
- 22×22
- 44点¯x44(高分辨率)
对于标签栏图标,创建具有这些尺寸的图像:
- 25×25
- 50×50(高清晰度)
对于每一个工具栏,导航栏,或标签栏的图标,你可以提供一个单一的形象,它的iOS将把作为模板来生成选择,而选择的露面,或者你可以提供两个图像:一个用于未选中的外观,另一个用于选择出现。
需要注意的是工具栏,导航栏,在这里,标签栏的图标给出的尺寸是近似的。图像可能比这些尺寸略大或略小。给在酒吧的所有图标相似的视觉重量。
苹果观察图标
如果iOS应用包括Apple关注应用程序,需要以下图标:
通知中心图标
- 29 X 29(38毫米表)
- 36×36(42mm表款)
长时间看通知图标
- 80×80(38毫米表)
- 约88 x 88(42mm表款)
主屏幕图标,短期看图标
- 172×172(38毫米表)
- 196点¯x196(42mm表款)
菜单图标
- 70×70,与内容大小尺寸为46 x 46(38毫米表)
- 80×80,与内容大小54点¯x54(42mm表款)
观看相关图标
- 58×58
- 87高x 87
Android版
应用程序图标
对于一个Android应用程序启动器图标,我们需要在这些大小PNG图像文件:
- 512×512(谷歌播放)
- 144×144(xxhdpi)
- 96×96(xhdpi)
- 72 x 72到(华电国际)
- 48×48(MDPI)
请注意,Android应用程序图标没有不散:alpha通道可以用来创建透明区域,这样一个图标应该有一个鲜明的轮廓。
如果应用程序生成通知,那么我们就需要一个24×24的图标图像。通知图标必须是除了透明区域全白。
有关要求和指导原则为Android应用程序图标的更多详细信息,请参阅启动图标和图像学
操作栏图标
- 96×96(xxhdpi)
- 64×64(xhdpi)
- 48×48(华电国际)
- 32×32(MDPI)
小/语境图标
- 48×48(xxhdpi)
- 32×32(xhdpi)
- 24×24(华电国际)
- 16×16(MDPI)
通知图标
- 72 x 72到(xxhdpi)
- 48×48(xhdpi)
- 36×36(华电国际)
- 24×24(MDPI)
iOS和Android图标大小的更多相关文章
- IOS和Android图标尺寸
刚开始接触UI的时候,碰到的最多的就是尺寸问题,今天我们就来谈谈IOS和Android 图标设计尺寸吧! 一.IOS篇 1.iOS app图标的圆角半径是多少? (注:现在IOS图标是不需要再画圆角了 ...
- shell批量转换iOS和Android图标
icon_ios.sh #!/bin/sh convert icon-1024.png -resize 180x180 icon-180@3x.png convert icon-1024.png -r ...
- iConvert Icons 图标转换生成利器,支持Windows, Mac OS X, Linux, iOS,和Android等系统
这是一款在线图标转换工具,生成的图标支持Windows, Mac OS X, Linux, iOS, 和 Android等主流系统. 可以上传图标文件转化成另一个平台下的图标文件,例如将windows ...
- Android Studio 如何在TextView中设置图标并按需调整图标大小
•任务 相信大家对这张图片都不陌生,没错,就是 QQ动态 向我们展示的界面. 如何实现呢? •添加文字并放入图标 新建一个 Activity,取名为 QQ,Android Studio 自动为我们生成 ...
- android 不同dpi图标大小
LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px.MDPI (Medium Density Screen, 160 DPI),其图标大小为 48 ...
- ios和android适配问题总结
_________________________________________________________________________________ 相关知识点 移动端. 适配(兼容). ...
- ios和android适配
一些情况下对非可点击元素如(label,span)监听click事件,ios下不会触发 解决方案:css增加cursor:pointer; 三星手机遮罩层下的input.select.a等元素可以被点 ...
- javascript开发 ios和android app的简单介绍
先看几个名词解释: nodejs ionic,Cordova,phoneGap,anjularjs react-native,reactjs nodeJs 的介绍参见这里,写的很好http://www ...
- 移动web在ios和android下点击元素出现阴影问题
移动web开发经验总结 1.-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影.备注:transp ...
随机推荐
- springboot 集成 druid mybatis-plus
通过这篇配置成功: https://www.cnblogs.com/shine-rainbow/p/9618100.html 不过 mybatis 3.4.6 一直maven下载失败,于是直接在官方那 ...
- python3笔记二十三:正则表达式之其他函数
一:学习内容 re.split函数 re.finditer函数 re.sub函数 group()分组 re.compile函数 二:字符串切割---re.split函数 需要导入包:import re ...
- 后盾网lavarel视频项目---vue-axios基本用法
后盾网lavarel视频项目---vue-axios基本用法 一.总结 一句话总结: 都是npm安装,然后import引入vue,然后按手册使用就好了,很简单 二.vue-axios基本用法 转自或参 ...
- 字符串 kotlin(6)
字符串用 String 类型表示.字符串是不可变的. 字符串的元素——字符可以使用索引运算符访问: s[i] . 可以用 for 循环迭代字符串: for (c in str) { println(c ...
- deepClone deepCompare
一.深度复制 // 深度复制 function deepClone(datas) { if (typeof datas !== 'object' || datas === null) return d ...
- 【翻译】WPF应用程序模块化开发快速入门(使用Prism+MEF)
编译并运行快速入门 需要在VisualStudio 2010上运行此快速入门示例 代码下载:ModularityWithMef.zip 先重新生成解决方案 再按F5运行此示例 说明: 在此快速入门示例 ...
- SAE Django如何禁止外部IP访问
在SAE上基于Django搭建的Web工程有时需要禁止来自某些特定IP地址的访问请求. 例如一个为搭建在SAE的其他项目提供服务的内部工程,可以设置为只允许SAE内部的IP地址访问,从而提高项目的安全 ...
- P2951 【[USACO09OPEN]捉迷藏Hide and Seek】
典型的最短路,而且只要再加一点点操作,就能得到答案 所以可以直接套模板 具体看程序:: #include<cstdio> #include<queue>//队列专属头文件 #i ...
- 应用安全 - 中间件 - IIS - 漏洞 - 汇总
简介 支持协议 HTTP HTTP/2 HTTPS FTP FTPS SMTP NNTP等 支持操作系统 NT/2000/XP Professional/Server 2003及后续版本(XP Hom ...
- js --- ffmpeg rtsp 推流,websocket通信,cnavas 渲染
首先选择正确的ffmpeg包 百度搜索ffmpeg官网,点击进入下图所示. 点击download,进入下载页面,选择window,window下面只有一个builds版本,如图红线部分圈出来的 点击b ...