iOS 应用图标圆角尺寸怎么算？遮罩与导出避坑 2026

一句话结论

上架用的 iOS / iPadOS 应用图标母版，应做成满版正方形，不要自己画圆角。 圆角由系统（及 App Store 展示）统一加遮罩。你在设计稿里「提前切好圆角」，到了不同尺寸、不同系统版本上，边缘会出现白边、锯齿或双重圆角。

很多人搜「ios图标圆角尺寸是多少」「圆角半径规范」，真正需要的不是一个到处套用的 px 数，而是：安全区怎么留、预览时如何模拟遮罩、导出时如何保持直角方形。

官方逻辑：你交方块，系统切圆角

苹果人机界面指南长期强调：iOS、iPadOS、macOS 的应用图标是正方形，由系统应用遮罩。商店页、主屏幕、设置里的外形可能随系统视觉更新（含近年 Liquid Glass / Icon Composer 流程），但开发者交付原则不变——直角满版 + 透明或不透明按资源槽位要求。

更完整的双平台规格表见 iOS / Android 图标设计规范；本文只深挖圆角与遮罩。

「176px」从哪来？仅作预览参考

设计社区常说：在 1024×1024 画布上，圆角半径大约 180px 量级（也有模板写 ~176–22% 边长）。请把它理解成：

经验公式（仅预览）：

[ r \approx 0.2237 \times \text{边长} ]

例如边长 1024 时 (r \approx 229) 的算法与「约 22%/176」类模板并存于民间——以你使用的官方或 Apple Design Resources 模板为准，不要混用两套半径再导出。

Figma / 设计交付正确姿势

1. 画布 1024×1024（或按 Icon Composer / Xcode 要求的母版尺寸）。
2. Logo 居中；边缘 10%～15% 留白，避免被遮罩切掉关键笔画。
3. 用单独的预览 Frame套圆形/超椭圆遮罩看效果；导出 Frame 保持无圆角矩形。
4. 不要在母版上加阴影、高光外框「仿 iOS」——系统会再加一层观感。
5. 若走 Icon Composer / Liquid Glass 分层：按分层资源提交，仍避免在栅格导出里烤死圆角。iOS 26 分层与外观变体见 Liquid Glass 图标指南。

安全区：圆角会吃掉什么

Android 自适应图标还有另一套 66dp 安全区，见同日专题 Android 自适应图标安全区，不要把 iOS 预览圆角半径套到 Android 前景层上。

上架与审核常见翻车

Google Play 的 512 商店图标同样要求全正方形、自行圆角会叠遮罩——那是另一套规则，见图标规范文中的 Play 一节。

自检清单

• 交付件是正方形，四角为直角（预览层已隐藏）
• 无自绘 iOS 圆角、无仿系统阴影
• 关键图形在安全区内
• 1024 母版清晰，小尺寸可读
• Liquid Glass / 分层资源与栅格导出职责分离
• 未把 Android 自适应图层误传到 iOS 槽位

不同尺寸上的观感差怎么处理

母版只有一份 1024，但用户会在通知、设置、主屏幕、App Store 搜索结果里看到差几个数量级的缩放。圆角遮罩在小尺寸上「吃掉」的比例观感更明显，所以：

1. 小尺寸优先可读：笔画粗细按「缩小后仍能辨认」设计，而不是只在 1024 上看细节。
2. 避免细描边贴边：遮罩一裁，描边变成脏边。
3. 多色渐变慎用到四角：圆角外的颜色变化在部分桌面主题上会显得像坏图。
4. 营销物料另出圆角版：官网、广告可以自行切圆角；那是物料，不是 App Icon 资源。

若你同时维护 Android 与鸿蒙图标，请分文件管理预览遮罩，避免设计师把 iOS 预览层误导出进安卓工程。

发布前快速对照表

把直角母版存成 AppIcon-1024-square.png，不要用营销圆角图覆盖它。

小结

「iOS 图标圆角尺寸是多少」——对上架交付而言，答案是：你不算圆角，系统算。 民间 176px / 22% 只适合设计预览。母版直角满版、安全区留白、用官方模板看遮罩，再配合 Icon Composer 分层，才是 2026 年更稳的做法。