Favicon 生成器 — PNG/SVG 多尺寸 ICO
把 Logo 或方形图标做成网站 favicon：自动打包多种尺寸到一个 `.ico`，让浏览器标签、书签和部分快捷方式更清晰。尽量使用简单、居中、背景干净的方形稿；细节过密的大图缩成 16×16 会糊成一团。
拖放文件到此处，或点击选择
favicon 是用户在标签栏认出你网站的小标记。现在除了经典 ICO，很多站还会在网页清单里放 PNG；但 ICO 仍然是兼容性最好的「一包多尺寸」格式之一。
源图最好是正方形。长方形 Logo 会被塞进方框，边缘可能留空或被裁切，取决于适配模式——制作前用 裁剪 先裁方通常更稳。
颜色对比要强：浅灰细线在标签栏小尺寸下会消失。大色块、少文字更合适。
如何生成
- 上传尽量正方形的 Logo
- 选择尺寸套餐与适配方式
- 下载 favicon.ico
- 放到网站根目录或按框架文档引用
用生成器能省什么事
- 一次打出多种常用尺寸，少漏 16、32 这类规格。
- 直接下载 `.ico`，不用自己拼文件。
- 方形 Logo 上传后很快就能挂到网站上。
谁需要
- 新站上线，还没有标签图标
- 换品牌色后要更新 favicon
- 用 PNG Logo 快速打出 ICO 给传统后台
设计提示
- 源图至少 256×256 或矢量 SVG，缩小时更耐看。
- 避免把整句口号塞进图标。
- 生成后在浏览器标签栏真机看一眼。
- PWA 可能还需要在 manifest 里单独放 PNG。
输入建议
| 输入 | 输出 | 说明 |
|---|---|---|
| 方形 PNG Logo | 多尺寸 favicon.ico | 最常见 |
| SVG 图标 | 栅格化进 ICO | 注意线宽 |
Favicon 常见问题
- 只要 PNG 当 favicon 行吗？
- 许多现代浏览器可以。ICO 仍适合兼容旧环境；两者常一起用。
- SVG 能当唯一 favicon 吗？
- 支持在增强，但 ICO/PNG 组合仍更稳妥。
- 为什么小尺寸看不清？
- 源图细节太多。请简化图形，或为 16×16 单独设计一版。