覆盖关键平台的真实预览
在导出之前就看到同一枚图标作为 favicon、Apple touch icon、Android 主屏图标、macOS Dock 图标和 Windows 任务栏图标时的实际观感。
为 iOS、macOS、浏览器与 PWA 创建精致的 App 图标
IconBase 可以把一个 Logo 变成 Apple 风格图标资产，并实时预览它在浏览器标签页、手机主屏幕、macOS Dock 与桌面启动场景中的效果。无需上传到服务端，也不需要设计软件或手动打包。
上传一个 Logo，直接生成全平台图标
实时预览 favicon、桌面图标和移动端图标效果
浏览器
桌面
手机
开始生成
上传 Logo、选择背景、调整留白，并实时预览图标在浏览器标签页、手机主屏幕、macOS Dock 和 Windows 任务栏中的呈现效果。
实时预览
同一套图标状态会实时渲染到浏览器、桌面和移动端的模拟场景中。
浏览器标签页预览
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
参数与导出
一个控制面板即可完成上传、模板选择、圆角与留白调整，以及最终导出。
更换图片
默认已载入示例图。上传你的 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
Apple 风格背景与图标塑形
结合 Apple 风格圆角矩形、渐变、Mesh、玻璃效果和纹理背景，并通过留白控制让 Logo 在小尺寸下依然平衡。
一键导出生产可用文件
同时生成 PNG 尺寸、favicon.ico、Apple touch icon、Android Chrome 资源、maskable icon、桌面 PNG 和 site.webmanifest。
IconBase 的工作方式
1. 上传你的 Logo
支持透明 PNG、SVG、JPG、WEBP，并且整个处理过程都在浏览器本地完成。
2. 调整视觉方案
选择背景模板，微调图标留白与圆角曲率，直到它在多个预览场景中都足够清晰稳定。
3. 导出图标包
一键下载完整 zip，里面包含 favicon、Apple、Android、桌面图标和 manifest 文件，可直接接入项目。
常见问题
IconBase 会把图片上传到服务器吗？
不会。图标渲染完全基于浏览器里的 Canvas，本地处理，不会把源图片上传到服务端。
导出包里包含哪些文件？
导出包包含 favicon PNG、favicon.ico、apple-touch-icon.png、Android Chrome PNG、maskable icon、桌面 PNG 以及 site.webmanifest。
它可以同时用于网站和 App 图标方案吗？
可以。它既适合网站 favicon 套件，也适合验证 Logo 转换成 iOS、macOS 风格 App 图标时的视觉方向。