本地安全处理免费工具
Favicon 网站图标生成器
上传任意图片,一键批量生成现代 Web 站点所需的全套 Favicon 图标与配置代码,纯本地安全处理。
点击选择图片 或 将图片拖拽至此处
支持 PNG, JPG, WebP 格式(推荐使用 512x512 纯透明背景方形图片)
Favicon 标准尺寸速查表(2026 适用)
| 尺寸 | 输出文件名 | 适用场景 |
|---|---|---|
| 16×16 | favicon-16x16.png | 浏览器标签页、书签栏 |
| 32×32 | favicon-32x32.png | 桌面浏览器标准图标 |
| 180×180 | apple-touch-icon.png | iOS 添加到主屏 |
| 192×192 | android-chrome-192x192.png | Android Chrome / PWA |
| 512×512 | android-chrome-512x512.png | 高清启动画面、应用市场 |
| 16 / 32 / 48 | favicon.ico | 兼容旧版浏览器(三帧封装) |
下表为本工具实际导出的全部尺寸,覆盖主流桌面浏览器、iOS 与 Android 平台。
使用指南
- 1拖拽或点击选择一张清晰的方形图片(推荐 512x512 PNG)。
- 2系统自动在本地 Canvas 中缩放并预览不同尺寸的效果。
- 3点击“下载图标压缩包”,解压后放入网站根目录,并复制页面展示的 HTML link 代码。
原理解析与标准规范
现代网站不仅需要传统的 favicon.ico(通常包含 16x16 和 32x32),还需要针对 iOS 设备的 apple-touch-icon(180x180)以及 Android Chrome 的 Web App 图标(192x192、512x512)。规范的图标配置能够极大提升网站在收藏夹、标签页及移动端书签中的专业度。
常见问题解答 (FAQ)
什么是 Favicon?网站为什么需要它?
Favicon(Favorites Icon)是显示在浏览器标签页、书签栏、浏览历史以及手机主屏上的小图标。缺少它时浏览器会显示默认的空白文档图标,既降低品牌辨识度,也让用户在打开多个标签页时难以快速定位你的站点。
我上传的图片会被保存到服务器吗?
不会。所有缩放、裁剪和压缩包构建均通过浏览器的 Canvas 与 WebAssembly/JSZip 在您本地设备完成,图片绝不离开您的浏览器。
推荐上传多大分辨率的原图?
推荐上传 512x512 像素以上、具有透明背景的方形 PNG 图片,这样能保证在高清视网膜屏幕上也有出色的显示效果。
推荐相关工具
随时在 Google 或百度搜索「OUCloud Favicon 生成器」,快速找回本工具