Favicon 转换器 / 通过图片生成

上传一张图片即可快速生成 favicon，并下载包含常用格式的图标包。

首页→图片生成

预览

转换器

拖放文件到这里，或点击此处上传。

安装说明

先点击下载按钮获取下列文件，并放到你网站根目录。

android-chrome-192x192.png
android-chrome-512x512.png
apple-touch-icon.png
favicon-16x16.png
favicon-32x32.png
favicon.ico
site.webmanifest

然后复制以下链接标签，粘贴到 HTML 的 head 中。

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

为什么选择 favicon.io？

无论你是想从文字、已有图片或 emoji 生成 favicon，这个工具都能覆盖。它免费且易用，输出图标可兼容主流浏览器与平台。

如何开始生成

从文字生成时，建议输入 1-2 个字符。由于 favicon 尺寸很小，字符越少通常可读性越好。

保持背景简单

你可以选择三种常见背景形状：方形、圆形、圆角。这些形状在不同浏览器标签中都有较好的识别度。

选择合适字体

页面支持 Google Fonts。选择与你网站品牌一致的字体，并根据视觉效果调整字号。

调整颜色

最后配置字体色和背景色。你可以直接输入 HEX，也可以使用下方色板进行选择。