LOCAL IMAGE PROCESSING
Favicon 与网站图标生成器
上传一张图片，一次生成浏览器、iOS和PWA需要的完整图标资源包。
文件不会上传所有图片均在当前浏览器中读取和生成
01
选择源图片
支持 PNG、JPG、WebP、GIF 和 SVG，推荐使用正方形透明PNG。
拖入图片，或点击选择
建议尺寸不低于 512 × 512，单个文件不超过 20MB
source.png512 × 512
小尺寸图标会自动使用高质量缩放。
02
生成并下载
完整资源包包括ICO、PNG图标、Manifest和可直接使用的HTML代码。
登录会员后可保存下载记录；原图片始终不会上传。
推荐下载
完整网站图标包
9 个文件 · 兼容现代浏览器、iOS与PWA
favicon.ico
1 个 ICO 文件，内嵌 16、32、48 三种尺寸
PNG 图标
浏览器、Apple与PWA尺寸
HTML 引用代码
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">资源包内容
favicon.ico单个文件 · 内含 16 / 32 / 48 px
favicon-16x16.png浏览器小图标
favicon-32x32.png浏览器标准图标
apple-touch-icon.png180 × 180
android-chrome-192x192.png192 × 192
android-chrome-512x512.png512 × 512
site.webmanifestPWA配置
favicon-code.html引用示例
使用说明
三步完成网站图标配置
整个过程只发生在你的浏览器里。
1
选择源图片
推荐透明背景、512像素以上的正方形图片。
2
调整显示效果
设置适配方式、留白、形状与背景颜色。
3
下载并上传网站
解压资源包到网站根目录，并复制引用代码。