把图片做成 favicon.ico
一个 .ico 文件，装下浏览器和 Windows 要的所有尺寸。
把文件拖到这里
或点击选择文件
在你的设备上运行 文件由你自己的浏览器处理，不会上传到任何服务器。
一句话答案
favicon.ico 可以在浏览器里由一张普通图片生成。.ico 是一个容器格式，能同时装下若干个正方形图像，而其中每个尺寸都是从全分辨率源图直接渲染的，而不是从另一个图标缩下来的——这正是 16 px 那一版仍然锐利的原因。现代 .ico 内部用 PNG 存放图像，因此透明度会被保留。
一览
| 支持输入 | PNG、JPG、WebP、GIF、BMP |
|---|---|
| 输出格式 | 包含你所选全部尺寸的 ICO |
| 处理方式 | 浏览器本地 |
| 价格 | 免费，无次数限制 |
| 账号 | 无需注册 |
favicon 不是一张图，而是好几张。浏览器标签页用 16 px，书签栏或固定标签用 32 px，Windows 桌面快捷方式用 48 px。把它们全塞进一个 .ico，正是这个格式熬过了无数次「它要死了」的预言的原因：操作系统会从 /favicon.ico 这一个文件里挑出合适的那张。
源图会先从中心裁成正方形，因为图标按定义就是方的，把一张横构图硬塞进这个方框只会变形。建议从简单、对比强的图形开始——16 px 一共才 256 个像素，细节丰富的标志到那个尺寸就是一团糊。
使用步骤
- 1
添加一张接近正方形的图片
标志类图形效果最好。不是正方形的会从中心裁切。
- 2
选择要包含哪些尺寸
16、32 和 48 px 已经覆盖浏览器和 Windows 快捷方式。
- 3
下载 favicon.ico
放到站点根目录，或在页面 head 里显式引用。
常见问题
这个文件该放在哪？
放到站点根目录，命名为 /favicon.ico。浏览器不用你告诉它就会去那里找。如果放在别处，也可以在页面 head 里用 link 元素显式指向它。
我到底需要哪些尺寸？
16 和 32 px 覆盖浏览器标签和书签；再加 48 px 覆盖 Windows 快捷方式。更大的一套只有在图标还要用于固定磁贴或高分屏时才值得。
会保留透明吗？
会。容器里装的是带完整 alpha 通道的 PNG，所以透明背景上的标志仍然是透明的。
2026 年了还要用 .ico 吗？
就 /favicon.ico 而言，要。它是唯一一个所有浏览器都会主动去找的文件，也是唯一一个能同时装下多个尺寸的格式。站点通常还会另外提供 PNG 或 SVG 图标供其他用途，在页面 head 里引用。