几秒钟快速制作 Favicon
Favicon 是显示在浏览器标签页、书签、历史记录、移动端搜索结果以及用户将网站保存到主屏幕时的小图标。它能帮助访客在众多标签页中快速找到您的网站，也能让小网站显得更专业、更完善。这款 Favicon 生成器只需一张图片，即可生成您所需的所有图标文件。如果您还没有 Logo，也可以使用字母或 Emoji 表情生成。它还会提供相应的 HTML 代码，方便您直接添加到网站中。
功能特点
- 从图片生成：PNG、JPG、SVG、WebP 等。
- 从文字或 Emoji 生成：彩色背景上的首字母或 Emoji 表情。
- 圆角和内边距调整：让图标在标签页和主屏幕上完美呈现。
- 实时预览：支持 16、32、64 和 128 像素的实时效果预览。
- 完整图标包：包含多尺寸的 favicon.ico、PNG 图标、Apple touch icon、Android 图标以及 web manifest 文件。
- 一键复制 HTML：提供可直接使用的 HTML link 标签。
- 隐私保护：完全在您的浏览器中本地生成。
Favicon 尺寸说明
| 文件 | 尺寸 | 用途 |
|---|---|---|
| favicon.ico | 16, 32, 48 px | 所有浏览器、Windows 快捷方式、旧版兼容 |
| favicon-16x16.png | 16 px | 浏览器标签页 |
| favicon-32x32.png | 32 px | 高分辨率屏幕标签页、任务栏 |
| apple-touch-icon.png | 180 px | iPhone 和 iPad 主屏幕 |
| android-chrome-192x192.png | 192 px | Android 主屏幕 |
| android-chrome-512x512.png | 512 px | Android 启动画面、PWA 安装 |
设计技巧
- 保持简洁。 请使用 Logo 的图形符号，而不是包含公司名称的完整 Logo。
- 注意对比度。 图标必须在浅色和深色浏览器主题下都能清晰可见。
- 在 16 px 下进行测试。 如果在最小的预览尺寸下无法辨认，请进一步简化。
- 填满方形区域。 留白过多的图标在标签页中会显得非常小；请尽量减少内边距。
相关工具
您可以先使用 SVG 转 PNG 将矢量 Logo 转换为高分辨率 PNG，使用 调整图片大小 修改现有图片的尺寸，或者使用 图片转换器 在不同图片格式之间进行转换。