首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iPhone图标大小

是指在iOS设备上显示的应用程序图标的尺寸。根据苹果官方的设计规范,iPhone图标的大小应为正方形,且分为多个尺寸以适应不同的设备和显示需求。

以下是常见的iPhone图标尺寸:

  1. iPhone 6及以上设备:
    • 主屏幕应用图标:180x180像素(@3x)
    • 设置、Spotlight搜索等系统应用图标:87x87像素(@2x)
  2. iPhone 5及以下设备:
    • 主屏幕应用图标:120x120像素(@2x)
    • 设置、Spotlight搜索等系统应用图标:58x58像素(@1x)

需要注意的是,为了适应不同的设备和显示需求,iOS还要求提供其他尺寸的图标,以便在不同的场景下使用。这些尺寸包括:

  • iPad Pro(12.9英寸):167x167像素(@2x)
  • iPad和iPad mini:152x152像素(@2x)
  • App Store图标:1024x1024像素(@1x)

优势:

  • 标准化:苹果提供了详细的设计规范和尺寸要求,使得开发者能够轻松创建符合苹果设备界面风格的图标。
  • 适应性:提供多个尺寸的图标,确保在不同的设备上都能够以最佳质量显示。
  • 用户体验:精心设计的图标可以提升应用的可识别性和用户体验。

应用场景:

  • iOS应用程序开发:开发者需要按照苹果的规范设计和提供合适尺寸的图标,以确保应用在iOS设备上的显示效果良好。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云移动应用分发服务:提供了应用分发、版本管理、用户反馈等功能,帮助开发者更好地管理和分发iOS应用。详情请参考:https://cloud.tencent.com/product/mas
  • 腾讯云移动推送服务:提供了消息推送、用户标签管理、统计分析等功能,帮助开发者实现iOS应用的消息推送功能。详情请参考:https://cloud.tencent.com/product/tpns
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【APICloud系列|4】APP设计统一图标大小的方法

当我们想要在整理设计稿中出现的图标,整理除了汇总之外,还需要重新调整一下图标大小,使他们看起来“差不多大”。想要弄成一致性和统一性,非常的麻烦和耗时。...举例:图标大小为48px*48px 。如果你还需要其他尺寸的图标可以做完之后等比放缩即可。那你设计的图标最好是矢量的或者是形状图标。...将图标与上图的模板居中对齐,然后中心不动,放大图标使之图标依次碰到三种形状的边界,填充最满的那个形状的尺寸就是该图标需要规定的尺寸。...2.iconfont的问题 大部分团队都会将图标转换为iconfont,这样可以缩小整个项目的大小。...3.对齐 如果有仔细看,我这个方法指定的图标大小为48px*48px,但是里面有内容的部分,比如说圆形,就只会占据44px*44px,这时候我们当然会希望把图形放置在图标的中央。

56500

自定义网站在 iPhone 上的“添加至主屏幕”的图标

iPhone 5发布了,虽然有些让人失望,但是 iPhone 的地位还是无可厚非的。随着移动设备的大军进入,各位站长是否有考虑过开发自己网站的 APP 呢?...但是大家是否有发现,“添加至主屏幕”后,那个图标是你网站的缩略图,不怎么好看。那么如何自定义网站“添加至主屏幕”的图标呢?...apple-touch-icon-precomposed:设计原图图标 为了让大家直观的看出区别,可以参考下面这图: 注意图标上面的光泽感,看明白了吧,使用 apple-touch-icon 属性的明显比使用...至于“图标阴影”,是 iOS 设备中统一为所有桌面元素增加的,所以不作为图标单独处理的样式。...总结 icon.png 的尺寸是114×114, 如果使用 apple-touch-icon 这个属性不需要做圆角和高光,iPad、iPhone 会自动加。 ----

95630

阿里图标库引入图标

文章引入 比wordpress默认图表库的图标好看多的 默认图标库的图标一般都是灰白色简直难看死了哈哈 今天分享给大家如何插入阿里图标库的彩色图标 阿里图标库有什么好处呢 插入方便 图标样式多 彩色图标应有尽有...反正你用都用不完 重点还永久免费使用 引入方法 第一步:阿里巴巴矢量图标库官网 —> Github或者新浪微博登录 第二步:然后自己通过搜索框找到自己喜爱的图标并添加至购物车 —> 添加至项目 //没有项目的自己新建项目...:(下面src=”这里是上面的JS代码,自行替换”) 使用图标...在已经添加到你项目中查找图标并复制图标代码,然后按照下面的格式替换href="#iconxxx"中的图标代码,将代码插入到你需要显示图标的地方!... 还是按照在导航菜单中添加图标为例: 最后我们看看效果吧

2.7K30

实心图标与空心图标的区别

实心图标与空心图标的区别 有读者说,面试的时候面试官提到了一个问题,但不知道怎么回答。这个问题是:实心图标和空心图标的区别是什么?...本篇文章的结论: 人的大脑在识别空心图标时,会比实心图标更显吃力; 实心图标的引导性要强于空心图标; 空心图标的装饰性会更强; 实心图标承载的信息相对更重,参考选中状态。 01....实验的内容是将一组相同图标,分为实心和空心,给用户做测试。结论是相同一组图标,用户平均识别实心图标的速度比识别空心图标的速度要快上 0.1 秒,但是其中有个别空心图标的识别速度比实心图标更快一些。...所以第二个结论是,实心图标比空心图标更有引导性。 03. 或许有人会问,那空心图标就没用了么?不是的。其实上面有提到,空心图标相比实心图标更难识别,那么人就需要调动更多神经来对空心图标进行确认。...我只是在这里用这个例子来说明,空心图标的引导性没有实心图标强,所以更多会被用来当做装饰品。而当空心图标与实心图标同时出现,并表达同一类信息时,它们就是一种信息的两种状态,比如选中与未选中。

7710

完美解决UIButton imageView大小控制问题,完美适配iOS13系统图标的降级方案

使用图片降级方案时,按钮中图片大小成为烦恼 我们知道按钮中的图标,一般需要随着按钮的大小而自动调整,而在xcode中,我们将图片资源设置到对应的storyboard 或是 代码中的 imageView,...UIButton.setImage 都会出现,图片保持了原图的大小这样的问题,并且还是被拉伸的状态。...下面是我的解题思路和方程式: 既然苹果是自动计算的,那我也自己也来自动计算一下图片的大小好了~ extension UIButton{ // 使用SF图标 size期望图标大小 为空自动计算最佳大小...= nil ){ /** 设置按钮中的图片图标 (只考虑图标在文字左侧) 1 拿到button大小 2 拿到label大小...3 拿到期望图标大小 / 计算最佳大小 ( 图标大小不能超过按钮 2/3高度, 只考虑正方形图标容器 ) 4 计算间隙 ( 图标默认离文字要有 1/5 的距离 ) */

1.1K20
领券