网站图标生成器
从文本、表情符号或图片创建多种格式的网站图标
输入文本或表情符号以查看预览
快速示例:
如何使用您的网站图标
1. 下载您的网站图标
推荐的最小配置:
- 32×32 PNG - 重命名为 favicon.png(最常用)
- SVG - 重命名为 favicon.svg(现代浏览器,可缩放)
可选(更好的兼容性):
- 16×16 PNG - 重命名为 favicon.ico(旧版浏览器)
- 180×180 PNG - 重命名为 apple-touch-icon.png(iOS 主屏幕)
2. 添加到您的网站
将文件放在网站的根目录或 public 目录中,并将这些标签添加到 HTML head 中:
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
提示
- 使用在小尺寸下有效的简单、粗体设计
- 表情符号非常适合快速、易识别的图标
- 推荐现代浏览器使用 SVG(可缩放且文件小)
- 使用高对比度颜色以提高可见性