iOS App Icon 尺寸$官方文档当前 Apple 工作流从 1024×1024 源图或 Icon Composer 开始;下表记录兼容 AppIcon.appiconset asset catalog 常用的 PNG 条目。
用途尺寸倍率文件名iPhone App60pt@2xIcon-60@2x.pngiPhone App60pt@3xIcon-60@3x.pngiPad App76pt@1xIcon-76.pngiPad App76pt@2xIcon-76@2x.pngiPad Pro83.5pt@2xIcon-83.5@2x.pngiPhone Settings29pt@2xIcon-29@2x.pngiPhone Settings29pt@3xIcon-29@3x.pngiPad Settings29pt@1xIcon-29.pngiPad Settings29pt@2xIcon-29@2x.pngSpotlight40pt@2xIcon-40@2x.pngSpotlight40pt@3xIcon-40@3x.pngApp Store1024px-Icon-1024.png#AppIconKitchen 可为 AppIcon.appiconset 导出生成 Contents.json。扁平化应用图标 PNG 应保持不透明,并请核对部署目标对应的当前 Xcode 要求。
Android App Icon 尺寸$官方文档常见旧版启动图标密度尺寸与 adaptive icon 说明。自适应图标使用独立的 108×108dp 前景层和背景层,安全区为 66×66dp。
密度图标尺寸mdpi (基准)48×48hdpi (1.5x)72×72xhdpi (2x)96×96xxhdpi (3x)144×144xxxhdpi (4x)192×192#Play Store 图标:512×512px。所有图标为 PNG 格式。
$Google Play Store 要求size: 512×512px
format: PNG 或 JPG(无透明)
必须符合 Google Play 的设计规范
Web & PWA Icon 尺寸$PWA 官方文档Web 网站 favicon 和 PWA(渐进式 Web 应用)图标尺寸规格。
用途尺寸文件名Favicon (标准)16×16favicon-16x16.pngFavicon (高清)32×32favicon-32x32.png快捷方式图标48×48favicon-48x48.pngApple Touch Icon180×180apple-touch-icon.pngPWA Icon (小)192×192icon-192.pngPWA Icon (大)512×512icon-512.png#推荐使用 PNG 格式支持透明。ICO 格式通常包含 16×16 和 32×32 两个尺寸。
各平台尺寸快速对比最常用的图标尺寸快速参考
平台主要尺寸营销/商店iOS180×180 (iPhone)1024×1024 (App Store)Android192×192 (xxxhdpi)512×512 (Play Store)Web32×32 (Favicon)512×512 (PWA)图标设计最佳实践✓从大尺寸开始设计建议从 1024×1024px 开始设计,然后缩小到其他尺寸。这样保证细节质量。
✓保持简洁小尺寸下细节会丢失,避免过于复杂的设计。确保 48×48px 仍清晰可识别。
✓使用安全区域重要内容应远离边缘,并遵循各平台当前的遮罩与安全区规则;Android adaptive icon 在 108×108dp 图层中定义了 66×66dp 安全区。
✓测试真实设备在真实设备上测试图标效果,不同屏幕显示效果可能有差异。
✓考虑深色模式确保图标在浅色和深色背景下都清晰可见。
常见问题01iOS 和 Android 图标可以互换吗?不建议。iOS 和 Android 有不同的设计规范和安全区域。虽然可以使用相同的设计元素,但应该分别优化。02我需要自己调整所有尺寸吗?不需要。AppIconKitchen 可以从一个源图导出常用平台尺寸;仍需根据目标项目核对当前 Xcode、Android Studio、应用商店与浏览器要求。03App Icon 和 App Logo 有什么区别?App Icon 是启动器与应用商店使用的平台专用方形资源;Logo 是更广义的品牌标识,可以使用其他比例。AppIconKitchen 专注于应用图标生成与平台导出工作流。04favicon 尺寸多少合适?浏览器标签页通常使用 16×16 或 32×32px。但建议同时提供 48×48 和更高分辨率,因为高 DPI 屏幕需要。AppIconKitchen 的 Web 导出包已包含所有常用尺寸。05PWA 图标为什么需要 192×192 和 512×512?192×192 与 512×512 是安装型 Web App 常用的 manifest 图标尺寸。浏览器要求并不完全一致,建议同时提供并在目标浏览器中验证 manifest。06如何确保我的图标在所有尺寸下都清晰?1)使用简单的形状和鲜明的对比;2)避免细小的文字或细节;3)在不同尺寸下预览;4)使用 AppIconKitchen 的 AI 生成,它已优化跨尺寸显示效果。立即生成所有平台的图标生成一个源图,并为 iOS、Android、Web 与 PWA 工作流导出常用资源尺寸。
>开始生成图标>iOS 图标生成器>Android 图标生成器resources/related相关资源iOS 图标生成器专用于 iOS 平台的 AI 图标生成工具
Android 图标生成器专用于 Android 平台的 AI 图标生成工具