背景
做过移动开发的朋友应该都遇到过这个痛点:一个 1024x1024 的 App 图标,需要手动导出 iOS 的 20 多种尺寸、Android 的自适应图标( Adaptive Icon )、还有 Web 的 Favicon 等等。用 PS 或 Sketch 手动切图不仅繁琐,而且容易出错。
更头疼的是,很多独立开发者或小团队连 Logo 都还没有,就要开始做 App Icon 了。
解决方案
我做了 AppIconGenerator 来解决这两个痛点:
1. 一键生成多平台图标
核心功能:
- 上传一张 1024x1024 的图片,自动生成 iOS 、Android 、Web 、Chrome 等平台所需的全部尺寸
- 直接生成标准文件夹结构(如 iOS 的
AppIcon.appiconset 和 Contents.json),拖进 Xcode 就能用
- 支持 Android Adaptive Icon ,自动处理前景层和背景层
隐私优先:
- 100% 浏览器本地处理,图片不会上传到任何服务器
- 用 Canvas 和 WebAssembly 在本地完成所有转换
- 特别适合处理客户的敏感资料
2. AI Logo 生成器
如果你还没有 Logo ,可以用内置的 AI Logo Maker:
- 提供 1000+ 专业图标符号库
- 支持自定义颜色、边框、渐变、阴影等
- 一键导出高清 PNG 和矢量 SVG
- 完全免费,无水印
实际使用场景
- 独立开发者:快速为自己的 Side Project 生成各平台图标
- Flutter/RN 开发者:一次生成 iOS + Android 全套资源
- 设计师:给客户交付时直接提供标准格式,不用担心遗漏尺寸
- Chrome 插件开发:生成插件商店所需的各种尺寸
技术特点
- 纯前端实现,无需后端服务器
- 实时预览各平台效果(如 Android 圆角遮罩、iOS 圆角等)
- 支持 PNG 、JPG 、WEBP 、SVG 格式
- 响应式设计,移动端也能用
工具地址
主站: https://appicongenerator.org
AI Logo 生成: https://appicongenerator.org/app-logo-maker
最后
这个工具完全免费,目的是帮开发者节省时间。如果你觉得有用,欢迎分享给需要的朋友。也欢迎提出改进建议!
|