选择来源
上传图片、输入文字，或从项目中选择已保存 Logo。
BrandStudio···
检查尺寸
同时查看浏览器标签、书签与桌面图标效果。
完整导出
下载包含常用尺寸与清单文件的图标包。
LIVE CREATION WORKSPACE
继续在这里完成设计
项目、资产和任务状态会与工作台保持一致。
Favicon 设计
本地转换 · ICO / SVG / PNG02实时预览
让你的网站拥有自己的图标。
选择一张图片，预览你的图标。
浏览器标签中的效果
你的网站 · 首页
—
16 × 16—
32 × 32—
48 × 48—
180 × 180—
192 × 192—
512 × 51216 / 32 / 48px 为真实尺寸；大图缩放预览。
16 / 32 / 48px 按真实尺寸显示，大图缩放预览。
让你的网站，在每一个标签里被认出。
上传图片或输入 1–4 个文字，调整形状、颜色和留白。在真实尺寸与浏览器标签中检查辨识度，再下载网站图标包。
选择来源
上传 PNG、JPG 或简单 SVG；也可以输入文字。
预览与调整
查看 16px 辨识度，调整形状、背景与留白。
下载与安装
解压文件到网站目录，按实际路径修改配置。
如何安装到网站？
解压 ZIP，将文件上传到网站根目录。把下方代码加入页面的 head 中，并按网站实际路径修改。
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
继续探索其他工具
每个工具独立使用，找到适合你下一步的工具。