选购指南

最适合你所用技术栈的 favicon 生成器

每个生成器都能导出图标。真正拉开差距的是输出是否契合你的技术栈：App Router 能解析的文件、AI 构建工具能执行的安装步骤、免费工具往往设为付费的 manifest。选择你正在使用的技术，看看在那里真正重要的标准。

AI 构建工具

Lovable 用几句提示词就能搭起一整个应用，却把默认图标留在了标签页里。契合 Lovable 的工具，是那种能从你的实时预览 URL 出发、并交回一段 agent 可以执行的安装步骤的工具——因为你从来不会直接碰文件系统。

v0 生成的是 Next.js App Router 项目，它从 app 目录里的文件解析图标，而不是从 link 标签。契合 v0 的生成器，是那种导出内容能直接落进这套约定的生成器。

Bolt.new 在浏览器内的 WebContainer 里拉起一整个应用，飞快地发布出去,连默认图标一起带上。契合 Bolt 的生成器能从预览 URL 出发，并在你部署之前交给你一套可提交的图标。

Cursor 工作在你自己机器上的一个真实仓库之上,所以不像托管式构建器,你可以直接把文件放进去。契合的生成器,是那种能产出这些文件、外加一段 agent 会执行并提交的安装步骤的生成器。

Replit Agent 把构建和托管放在一起,所以你很早就拿到一个实时 URL,却是在 Replit 自己的工作区里编辑。契合的生成器会读取那个 URL,并交回一套你通过 agent 安装、而非拖进界面的文件。

Next.js 不使用你手写的 link 标签。App Router 从 app 目录读取名为 icon、apple-icon 和 favicon 的文件,并在构建时注入标记。合适的生成器恰好交给你这些文件。

一个纯 React 应用（Vite 或 Create React App）没有内建的图标约定。你把文件放进 public 文件夹,并自己在 index.html 里写 link 标签。合适的生成器把两者都交给你,让你无需靠猜。

免费的 favicon 工具有很多。问题在于免费省掉了什么。一个值得用的生成器会导出整套现代图标,能从标志、图像、emoji 或一个实时 URL 出发,并且不把 manifest 或更大的尺寸关进付费墙。