图标编辑器
13个图标尺寸
2个平台
拖放或点击上传图标
支持 PNG, JPG, SVG (建议尺寸 1024×1024)
上传后可以拖动裁剪框调整图标区域
调整裁剪区域
拖动调整 | 滚轮缩放
1:1 正方形裁剪
正在生成图标包...
支持的图标尺寸
1024px
App Store
512px
Play Store
180px
iPhone @3x
48px
Android MDPI
实时预览
iOS
我的应用
连续曲率圆角
iOS 系统自动应用
Android
My App
自适应形状
圆形或方形
设计提示
- 确保重要元素位于中央安全区域内
- iOS 会自动应用连续圆角遮罩
- Android 会根据设备主题应用形状
- 使用简洁、高对比度的设计
使用说明
1
上传图标
上传高分辨率图标 (建议 1024×1024)
2
调整裁剪
拖动调整裁剪区域，确保关键内容可见
3
预览与生成
查看实时预览，点击生成按钮下载ZIP包
App Icon Studio功能特色
🎨 简介：专业的一站式应用图标生成解决方案，支持实时预览、智能裁剪、批量导出等全方位功能。iOS图标生成、Android图标制作、应用图标设计等需求的完美解决工具。
智能裁剪
支持1:1正方形裁剪，拖拽调整和缩放功能，确保图标内容完美居中。
提示：使用鼠标滚轮可缩放图像，拖动调整裁剪区域
双平台支持
同时支持iOS和Android平台，实时模拟预览在不同设备上的显示效果。
iOS使用连续曲率圆角，Android使用圆形或方形
全尺寸覆盖
涵盖13种标准图标尺寸，从App Store的1024px到Android的36px，一站式解决。
包括iOS@1x/@2x/@3x和Android多种DPI尺寸
实时预览
编辑过程中实时查看图标在iOS和Android设备上的实际显示效果。
左侧编辑，右侧立即显示预览效果
批量导出
一键生成所有尺寸图标并打包为ZIP文件，按平台和尺寸分类整理。
ZIP包内包含iOS和Android两个文件夹
隐私安全
纯前端处理，图像数据不离开您的设备，保护您的设计隐私和安全。
所有处理在浏览器中完成，无需上传服务器
支持的平台和技术规范
iOS平台图标规格
- • App Store: 1024×1024px (PNG, 无透明度)
- • iPhone @3x: 180×180px (Retina HD)
- • iPhone @2x: 120×120px (Retina)
- • iPad Pro: 167×167px
- • iPad @2x: 152×152px
- • iPad @1x: 76×76px
- • 系统自动应用连续曲率圆角遮罩
Android平台图标规格
- • Play Store: 512×512px (PNG, 32位)
- • xxxhdpi: 192×192px (超超超高密度)
- • xxhdpi: 144×144px (超超高密度)
- • xhdpi: 96×96px (超高密度)
- • hdpi: 72×72px (高密度)
- • mdpi: 48×48px (中密度)
- • ldpi: 36×36px (低密度)
技术说明：本工具使用HTML5 Canvas技术生成图标，兼容所有现代浏览器（Chrome 60+, Firefox 55+, Safari 11+, Edge 79+）。
常见问题解答 (FAQ)
为什么我的图标在某些尺寸下模糊？
图标模糊通常是由于源图像分辨率不足导致的。建议：
- • 使用至少1024×1024像素的源图像
- • 优先使用矢量格式(SVG)或高分辨率PNG
- • 确保图标中的重要元素足够大且清晰
- • 避免在源图像中使用过多细节，图标在小尺寸下会丢失细节
如何确保图标在不同平台上显示一致？
平台差异是正常现象，但可以通过以下方式优化：
- • 将重要内容保持在中心安全区域内（避免太靠近边缘）
- • 使用高对比度设计，确保在小尺寸下可识别
- • 在右侧预览面板中实时查看两个平台的效果
- • iOS会自动添加圆角，Android则根据主题变化，设计时需考虑这一差异
支持透明背景吗？
是的，完全支持透明背景：
- • 上传的PNG图像中的透明区域会被保留
- • 生成的图标会保持原有的透明度
- • 对于需要不透明背景的平台（如iOS App Store），会自动添加白色背景
- • 建议在设计时考虑透明区域在不同背景下的显示效果
我可以生成哪些文件格式的图标？
目前主要生成PNG格式图标：
- • 所有图标均以PNG格式生成（建议的跨平台格式）
- • PNG支持透明背景和高质量压缩
- • 对于Android平台，也可以考虑使用WebP格式以获得更好压缩，但需要额外转换工具
- • iOS的App Store图标需要PNG格式且不能有透明背景
这个工具是免费的吗？有什么限制？
是的，App Icon Studio是完全免费的：
- • 完全免费使用，无需注册或登录
- • 无使用次数限制
- • 无图像大小限制（但大图像可能需要更长的处理时间）
- • 所有处理在浏览器中完成，无服务器成本
- • 未来可能增加高级功能，但核心功能将保持免费
如何将生成的图标集成到我的项目中？
集成步骤因平台而异：
- iOS (Xcode): 将图标拖放到Assets.xcassets的AppIcon集中
- Android (Android Studio): 将图标复制到res/mipmap-*dpi/相应文件夹
- React Native: 使用react-native-make工具或手动放置到ios/和android/目录
- Flutter: 更新pubspec.yaml中的图标配置，并放置到相应目录
生成的ZIP包中已经按平台和尺寸分类，方便直接使用。