Apple 风格圆角图标处理
无需重画原始 Logo，就可以快速测试更适合 iPhone 和 iPad 主屏的圆角图标视觉。
生成带 Apple 风格圆角和移动端预览的 iOS 图标
如果你的目标是做 iOS App 图标、Apple touch icon 或 iPhone 主屏原型展示，这个页面会更贴合搜索意图。你可以在导出前先检查留白、圆角和视觉重心。
上传一个 Logo，直接生成全平台图标
实时预览 favicon、桌面图标和移动端图标效果
浏览器
桌面
手机
开始生成
这个页面沿用相同的生成器核心，但内容重点放在 Apple touch icon、iPhone 主屏预览，以及更符合 iOS 设计语境的圆角图标风格。
实时预览
除了浏览器和桌面预览，这里会重点展示图标在 iPhone 主屏上的呈现效果。
浏览器标签页预览
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
macOS Dock 预览
App
Windows 任务栏预览
App
10:00
移动端主屏幕预览
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
参数与导出
上传品牌标识，调节留白和圆角，让图标在 iPhone 风格场景里更自然。
更换图片
默认已载入示例图。上传你的 Logo 后可直接预览真实导出效果。
图片调整
导出前微调上传图片的形态和位置。
标准圆角
20%
22.5%
0%
中心点 = 0
以图片中心为 x0 y0，通过 X / Y 偏移微调位置。
0%
0%
青柠薄荷
纯色
渐变
网格与 Mesh
玻璃质感
纹理与图案
光晕与点缀
导出包包含：
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / 直角
desktop-*.png256/1024
site.webmanifestJSON
实时 iPhone 主屏预览
把图标放进真实感更强的 iOS 主屏布局里，提前发现尺寸、留白和对比度问题。
适合 Apple 场景的导出资源
导出包内包含 apple-touch-icon.png，同时保留浏览器和其他平台的相关图标文件。
如何生成 iOS 图标
1. 上传 App 标识
从 Logo、Glyph 或品牌图形开始，测试它转成 iOS 图标后的效果。
2. 平衡圆角与留白
调节留白和圆角曲率，让图标在 rounded square 里获得更自然的视觉中心。
3. 导出 Apple 友好的资源
下载打包后的文件，用于网站安装图标、产品展示图或下一步设计迭代。
iOS 图标常见问题
这个页面只适合原生 iOS App 吗？
不是。它同样适合网站的 Apple touch icon、PWA 安装图标，以及早期 App 品牌原型阶段。
为什么 iOS 图标需要特别关注留白？
如果 Logo 过于顶满圆角方形，在 iPhone 主屏上会显得拥挤，适当留白能提升清晰度和整体平衡。
导出前可以先看预览吗？
可以。页面会实时显示移动端、浏览器和桌面端预览，确认无误后再导出 zip。