首页 文章 图标设计 应用图标生成:多尺寸导出、安全区,再放到商店页里预览

文章目录

  • 快速导航

觉得文章有帮助?

分享给更多需要的人吧!

应用图标生成:多尺寸导出、安全区,再放到商店页里预览

官
应用截图工坊官方
10/30/2026
应用图标生成:多尺寸导出、安全区,再放到商店页里预览

「应用图标生成」不是再画一轮品牌提案,而是:已有主视觉 → 导出各平台要的像素包 → 确认不会被系统裁切或审核打回。本站入口是 应用图标生成 /icon:按平台勾选尺寸导出。需要单张 ICO 时再用 ICO 转换。

更深的设计原则见 App 图标设计指南 与 Android 自适应图标安全区。本文只串生成与验收。

推荐流程

  1. 准备一张方形、不透明的主图标稿(建议先按最大边画,再缩小)。
  2. 打开 /icon,选择 iOS / Android / 鸿蒙等需要的尺寸集,批量导出。
  3. iOS:注意圆角由系统遮罩处理,稿面不要自己「假圆角」留白过度;透明通道可能导致 ITMS-90717 一类问题。
  4. Android:按自适应图标安全区收内容,避免被启动器裁掉关键图形。
  5. 把导出的图标与截图丢进 商店页预览,看列表页第一眼是否够辨识。
  6. 截图仍走 截图工坊;图标与截图是两条线,不要用截图工具「凑合」出图标。

生成时最常踩的坑

坑结果怎么避
PNG 带 AlphaApp Store 上传报错导出前铺实底;检查工具是否去透明
内容顶满画布Android 圆/方遮罩裁切留足安全区
只有一种尺寸各渠道反复手改/icon 一次导出多尺寸
图标很漂亮、列表里看不清商店转化差用 store-preview 缩小查看

和「应用截图」一起交付

上架材料通常是:图标 + 应用截图 +(Play)Feature Graphic。截图流程见 应用截图在线制作;特色图用 /tools/feature-graphic。三者分开导出,再在预览工具里拼,比在一张画布上硬挤更少返工。

本站图标与截图相关工具均可免费在浏览器使用,不设「专业版」付费墙。

准备好开始设计你的应用截图了吗?

立即体验应用截图工坊,创建令人惊艳的视觉展示效果!