数据安全提示： 所有图标生成均在您的浏览器本地完成，不会上传任何图片或文字。
🎨 Favicon 生成器
本地生成 · 即传即得
输入方式:
输出格式:
当前模式：上传图片 → ICO 图标包
点击或拖拽图片到这里
支持 PNG, JPG, JPEG, WEBP, GIF, SVG (最大5MB)
输入文本 (最多4个字符)
背景色
文字色
字体大小
48px
文本示例:
选择生成尺寸 (点击可多选)
生成预览 / 下载
点击「生成图标包」预览图标
等待生成...
<!-- 在HTML中引入favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
📘 关于 Favicon
Favicon（网站图标）显示在浏览器标签页、书签栏。建议提供多尺寸以适配不同设备：
16x16 (标签页)
32x32 (任务栏)
48x48 (快捷方式)
64x64 / 128x128
180x180 (苹果设备)
192x192 (安卓)
🔌 HTML 集成代码
<!-- 标准favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- 多尺寸PNG -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- 多尺寸PNG -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">