Favicon 生成器
一张 PNG、JPG 或 SVG,生成 favicon.ico 和网站需要的全部图标尺寸,打包成 ZIP。
非正方形图片
完整保留画面,居中显示,四周留白。
背景
标签页图标用透明就很好;要兼顾 iPhone 主屏幕的话,选个背景色更稳妥。
你的图标包
生成的 favicon 和图标包会显示在这里。
添加到 <head>
把这些文件放到网站根目录,再把上面几行加到每个页面。
你的图片会在浏览器本地生成图标,不会上传到 BroBroGo。
常见问题
图标包里有哪些文件?
包含 16、32、48 像素三种尺寸的 favicon.ico,16、32、180、192、512 像素的 PNG 图标,以及列出大图标的 site.webmanifest。如果源文件是 SVG,矢量图标本身也会一并放入。所有文件打包成一个 ZIP。
源图片要多大才合适?
最理想的是 SVG——每个尺寸都直接由矢量绘制,16 像素也清晰锐利。PNG 或 JPG 建议至少 512 × 512,更小的图片放大后会发虚。
背景该用透明还是颜色?
标签页图标用透明没问题;但 iPhone、iPad 的主屏幕会把透明区域显示成黑色——如果访客可能把你的网站添加到主屏幕,建议选一个背景色。
图片不是正方形会怎样?
图标是正方形的,但你的图片绝不会被拉伸变形。默认把画面完整居中、四周留白;切换到"裁剪填满"则会裁掉长边。
这些文件要放到网站的什么位置?
上传到网站根目录,让 favicon.ico 能通过 /favicon.ico 访问,再把生成的代码粘贴到页面的 <head> 里。浏览器会自动挑选合适的尺寸。