同一个 App 图标,iOS 上好好的,装到 Android 上就变圆底白边,是切图没切对吗?
结论:同一个 App 图标在 iOS 上显示正常,装到 Android 上却变成圆底、白边甚至纯色块,常见原因不是切图尺寸没切对,而是两套系统的图标规则不同。iOS 用统一圆角遮罩,Android 从 8.0 起采用自适应图标,把图标拆成前景层和背景层,由桌面决定裁成圆形、方形或水滴形,部分厂商 ROM 还会给非自适应图标强制加底板。按 2026 年交付习惯,双端上架的 App,图标要按 iOS 和 Android 两套规则分别出图,源图不带白底,Android 补前景背景层,商店物料单独准备。
一张图切尺寸,到底差在哪一步
图标在系统里不是一张图片,而是“源图 + 系统遮罩 + 厂商桌面渲染”三层叠加的结果。你提供的只是源图,最终显示成什么形状,由系统和桌面决定。iOS 会给图标统一加圆角矩形遮罩,Android 则从 8.0 起引入自适应图标,把图标拆成前景层和背景层,再由桌面决定裁成圆形、方形或水滴形。所以同样一张图,在 iOS 上看着正常,到了 Android 上可能边缘被切,甚至主体缺一角。
判断要不要多出图,先看你的目标 Android 版本和是否上架。只上 iOS 的项目,按苹果一套尺寸准备通常够用;双端上架且用户量不小,Android 的自适应图层就不是可选项,而是基础交付项。
- iOS:常见交付 1024×1024 源图,系统统一裁圆角,透明区域可能被填黑或填白。
- Android:自适应图标常见按 108×108 dp 画布、约 66 dp 安全区,超出安全区的内容可能被裁。
- 部分 ROM:会给非自适应图标强制加白色或灰色底板,视觉上像贴了一块膏药。
- 主题图标:Android 13 及以后部分机型支持取色重绘,缺少单色图层时可能显示为纯色块。
为什么图标没做好,比想象中更扎眼
图标是用户桌面上重复出现频次很高的品牌资产,一天可能被看见几十次。它不像内页按钮,改一次要等发版;图标一旦上架,用户不更新就一直是旧图。更现实的是,图标做得不规整,会直接影响安装转化和品牌可信度,尤其在同一屏并列展示时,边缘裁切、底板突兀、深浅模式不一致都会被一眼看出来。
交付现场常见一种情况:客户市场部只给一张从官网下载的带白底 PNG,提审窗口又只剩两三天,开发同学直接按 iOS 尺寸切了一套传上去。约束条件是源文件不完整、时间紧、预算卡在包装阶段。做法是先用现有图过渡,同时让设计补一版透明底源图和 Android 前景背景层。结果是 Android 用户装完发现图标有一圈白边,主题模式下变成灰色方块,最后重新出图、重新提审,多花了一轮等待。按项目经验,这类返工常见会多出 3 到 10 个工作日不等,取决于商店审核队列和用户更新覆盖速度,老用户不更新就会一直看到旧图标。
图标返工的成本不在切图本身,而在重新提审和用户更新覆盖的时间差。
交付前,图标要按哪三层核对
把图标当三层来核对,比只问“要几套尺寸”更接近真实交付。源文件层决定清晰度,系统适配层决定显示形状,商店物料层决定上架能不能过。三层里任何一层缺了,都可能在上架或用户桌面上暴露。
- 源文件层:准备 1024×1024 或更大的正方形源图,优先矢量或高分辨率位图,不要带白底、不要带透明边缘阴影。
- 系统适配层:iOS 出常规图标;Android 出前景层与背景层,前景内容收在安全区内;需要主题图标的再补单色层。
- 商店物料层:应用商店图标、截图、置顶图等按各平台规格单独准备,不要用同一张图硬套。
每步注意:源文件层常被省掉,也容易在后续放大时糊;系统适配层要确认目标 Android 版本和是否需要主题图标;商店物料层要区分 iOS 与 Android 两套后台。做到什么算合格?源图能无损放大到所需展示尺寸,Android 真机上换几种桌面形状都不缺角,商店后台不因图标规格被打回。
iOS 和 Android,图标规则差在哪
两边规则不一样,不是同一套图换个尺寸就能通用。iOS 更像统一裁切,Android 更像分层组装。2026 年常见做法是同一套品牌视觉,分别出两套源文件,而不是把 iOS 图直接丢给 Android。
- 形状控制:iOS 由系统统一圆角;Android 由桌面决定,可能是圆、方、水滴或椭圆。
- 图层结构:iOS 单层图;Android 常见前景加背景两层,主题图标再加单色层。
- 安全区:iOS 内容尽量贴满但留边;Android 前景内容要缩进到约 66 dp 安全区内。
- 失败表现:iOS 常见透明区变黑、边缘发虚;Android 常见被裁边、被加白底、主题模式变纯色。
- 适用范围:只有 iOS 端或 Android 端,可只按单端规则出图;双端都要上,两套都绕不开。
如果按工作量粗算对比:只出 iOS 一套图,常见半个工作日到 1 个工作日能完成;补齐 Android 自适应前景背景层和商店物料,常见需要 1 到 3 个工作日,视品牌图形复杂度和是否需要主题图标而定。若还要做多套主题色或深浅模式适配,经验区间可能再往上浮动。这个对比不是为了增加预算,而是提前判断返工风险。
哪些情况不用单独做图标适配
不是所有项目都要把图标做成一整套规范。判断标准是“是否上架、是否双端、是否在意桌面观感”。如果 App 只在小范围内部使用、不经过应用商店,图标优先级可以往后放;但只要有外部用户下载,桌面图标就值得在提审前核对一遍。
- 适合做完整图标适配:双端上架,且 Android 目标版本覆盖 8.0 以上;品牌视觉强,图标是主要识别入口;需要主题图标或深色模式一致性。
- 不必大动:内部试用包、演示包,只装几台测试机;单端工具类,用户以 iOS 为主,Android 只做兼容;预算和周期极紧的 MVP,可先用一张规范源图切基础尺寸,后续再补。
- 边界提醒:如果目标 Android 版本低于 8.0 且用户量很小,自适应图标不是必选项,但仍建议源图不带白底;如果只是更换商店展示图,不涉及安装包图标,通常不用走发版流程。
常见坑:图标看着还行,却在上架或用户桌面翻车
图标问题往往不是在设计稿阶段暴露,而是在真机安装、主题切换和商店审核时才出现。下面这些坑在项目里出现频率不低,提前核对能省掉一轮返工。
- 源图带白底:在深色桌面或主题模式下会露出一圈白边。
- 直接用截图当图标:分辨率不够,放大后边缘发虚。
- 只传 iOS 一套:Android 端被系统加底板,视觉不统一。
- 前景内容顶满画布:Android 裁切后边缘文字或图形被吃掉。
- 商店图标和桌面图标混用:商店要求可能和系统图标不同,尺寸或留白不一致。
- 忽略主题图标:Android 13 以上部分机型会取色重绘,缺单色层时显示异常。
判断图标做得合不合格,可以在真机上装一遍,切换浅色和深色、换桌面形状、看主题模式,四项都正常才算过关。
常见问题
图标源图用 1024 的 PNG 就够了吗?
常见够用,但前提是不带白底、没有透明边缘阴影,且不是从网页截图放大来的。矢量源文件更稳。若只做 iOS,通常够;Android 双端上架,常见还需补前景背景层。
Android 自适应图标的前景和背景,能不能用同一张图?
不建议。前景是主体图形,背景是底色或纹理,两者叠在一起才完整;同一张图会导致主体被重复或裁切。常见做法是背景用纯色或简单纹理,前景放品牌主体并收在安全区内。
用户桌面图标显示成一圈白底,是手机问题还是图标问题?
多数是图标自带白底或没做自适应图标,部分 ROM 会给非自适应图标强制加底板。换一套透明底源图并补齐前景背景层,通常能解决;若仍异常,再排查桌面主题设置。
主题图标变纯色块,是哪里没做?
常见是缺少单色图层。Android 13 及以后部分机型会取色重绘,只提供彩色图层时可能被处理成单一色块。补一层单色前景,通常能改善主题模式下的显示。
图标改一次要重新发版吗?
桌面图标随安装包走,通常要发新版本才能覆盖;Android 部分桌面支持主题图标动态取色,但基础图标仍随包。若只是商店展示图,可单独在后台更新,不影响用户桌面。
如果你的 App 准备在 2026 年上架或换标,建议在提审前先做一件事:把源图、iOS 图标、Android 前景背景层、商店物料清单放在同一张核对表里,用两台真机分别看浅色和深色桌面。只做内部演示、不经过商店的项目,可以按基础尺寸出图,不必立刻补齐主题图标;涉及品牌主视觉变更的,仍以设计源文件为准。适用边界是双端上架且在意桌面观感;不适用边界是纯内部演示或单端低风险场景。提前核对,通常比上架后返工更省时间。
-
用户下单成功页都弹了,埋点报表却比后台订单少一截,真是客户端漏埋了,还是上报被系统掐了?
日期:2026年10月14日 阅读:41
-
用户刷商品图滑到几十屏就发烫掉帧,真是手机太旧,还是图片加载链路没对齐?
日期:2026年10月13日 阅读:78
-
用户在国外下单,订单列表上的日期比实际早一天,真是手机时区设置错了吗?
日期:2026年10月12日 阅读:102
-
用户只点了一次提交,后台日志里却出现两条一样的下单请求,先查哪一端?
日期:2026年10月11日 阅读:71
-
用户从相册选的照片预览是正的,一上传到 App 就躺倒,是不是压缩那一步把方向弄丢了?
日期:2026年10月10日 阅读:116




