通过 Dock 预览与桌面导出创建 macOS 风格 App 图标

如果你希望 Logo 在 macOS Dock 或桌面启动场景里看起来更自然,这个页面会更贴近你的需求。你可以针对大尺寸桌面图标优化视觉层次,再统一导出文件。

上传一个 Logo,直接生成全平台图标

实时预览 favicon、桌面图标和移动端图标效果

Original logo
原始 Logo
浏览器
桌面
手机
生成后的图标

开始生成

这个页面围绕 macOS Dock、桌面图标尺寸和更适合 Apple 桌面语境的视觉质感来组织内容,但底层仍然使用同一个生成器。

实时预览

通过 Dock 预览快速判断图标在桌面端是否足够精致、清晰且有层次感。

浏览器标签页预览

IconBase
IconBase (Dark)
iconbase.7-image.com

macOS Dock 预览

App

Windows 任务栏预览

App
10:00

移动端主屏幕预览

9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase

参数与导出

在兼顾 Web 与移动端导出的同时,优先把图标调到更适合桌面场景的状态。

更换图片

默认已载入示例图。上传你的 Logo 后可直接预览真实导出效果。

图片调整

导出前微调上传图片的形态和位置。

标准圆角
20%
22.5%
0%
中心点 = 0

以图片中心为 x0 y0,通过 X / Y 偏移微调位置。

0%
0%
黑曜石玻璃

纯色

渐变

网格与 Mesh

玻璃质感

纹理与图案

光晕与点缀

导出包包含:

favicon-16x16.png16x16
favicon-32x32.png32x32
favicon.ico32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / 直角
desktop-*.png256/1024
site.webmanifestJSON

面向 Dock 的桌面预览

不用对着纯色方块猜效果,而是直接在 macOS 风格 Dock 场景里判断图标表现。

Apple 风格桌面视觉处理

通过圆角方形、玻璃质感、渐变和 Mesh 背景,让简单 Logo 更接近桌面 App 图标的观感。

适合展示与发布的大尺寸导出

导出包包含 256x256 和 1024x1024 等桌面向 PNG 尺寸,便于用于展示图、发布素材和产品页面。

如何创建 macOS 图标

1. 上传 App 标识

从 Glyph、Logo 或简化品牌图形开始,测试它转成桌面图标时的效果。

2. 优化桌面视觉

尝试不同圆角、玻璃效果、渐变和留白,让图标在 Dock 与桌面尺寸下更精致。

3. 导出完整图标包

下载完整 zip,让同一套桌面方向同时覆盖浏览器、移动端与展示素材。

macOS 图标常见问题

这个页面适合做 Mac App 概念图吗?

适合。它既能用于网站图标导出,也很适合在概念阶段探索 Logo 转成 Mac App 图标后的感觉。

会导出大尺寸桌面 PNG 吗?

会。导出包包含面向桌面场景的大尺寸 PNG,适合展示和发布素材。

同一套参数也能兼顾 Web 图标吗?

可以。这个生成器会基于同一状态导出浏览器、Apple、Android 与桌面图标文件。