跳到主要内容
图片工具

Favicon 生成工具

上传 Logo 或图片,一键生成 favicon.ico、多尺寸 PNG、apple-touch-icon 与 site.webmanifest。

点击选择 Logo / 图片

或拖到此处 · PNG / JPG / WebP / SVG · 建议 512×512 以上正方形

选择图片
形状
背景

使用说明

  1. 上传一张图片(PNG / JPG / WebP / SVG),建议正方形且不小于 512×512。
  2. 按需设置背景色、形状、圆角半径与四周留白;原图透明时勾选“透明”可保留透明区域。
  3. 点击“生成图标”,下方会给出实际大小预览与浏览器标签页效果。
  4. 下载 favicon.ico 与各尺寸 PNG,把文件放到网站根目录,再粘贴页面引入代码。

生成的文件

  • favicon.ico:内含 16×16、32×32、48×48,兼容浏览器标签页与书签。
  • favicon-16x16.png / favicon-32x32.png:现代浏览器优先使用。
  • apple-touch-icon.png(180×180):iOS 添加到主屏的图标。
  • android-chrome-192x192.png / android-chrome-512x512.png:PWA 图标。
  • site.webmanifest:PWA 图标清单,按需填写站点名称。

常见问题

Q:favicon.ico 需要多大尺寸? A:本工具生成的 favicon.ico 同时包含 16×16、32×32、48×48 三种尺寸,浏览器会按场景自动选择。

Q:图片会上传到服务器吗? A:不会,缩放与 ICO 打包全部在浏览器本地完成,图片不会离开你的电脑。

Q:只放 favicon.ico 可以吗? A:可以,但建议同时提供 favicon-32x32.png 与 apple-touch-icon.png,兼容现代浏览器与 iOS 主屏场景。

相关工具

同类或常用搭配,接着往下做