本地安全处理免费工具

Favicon 网站图标生成器

上传任意图片,一键批量生成现代 Web 站点所需的全套 Favicon 图标与配置代码,纯本地安全处理。

点击选择图片 或 将图片拖拽至此处

支持 PNG, JPG, WebP 格式(推荐使用 512x512 纯透明背景方形图片)

Favicon 标准尺寸速查表(2026 适用)

尺寸输出文件名适用场景
16×16favicon-16x16.png浏览器标签页、书签栏
32×32favicon-32x32.png桌面浏览器标准图标
180×180apple-touch-icon.pngiOS 添加到主屏
192×192android-chrome-192x192.pngAndroid Chrome / PWA
512×512android-chrome-512x512.png高清启动画面、应用市场
16 / 32 / 48favicon.ico兼容旧版浏览器(三帧封装)

下表为本工具实际导出的全部尺寸,覆盖主流桌面浏览器、iOS 与 Android 平台。

使用指南

  1. 1拖拽或点击选择一张清晰的方形图片(推荐 512x512 PNG)。
  2. 2系统自动在本地 Canvas 中缩放并预览不同尺寸的效果。
  3. 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 生成器」,快速找回本工具