PocketPlay
EN
Favicon 生成器
用图片或文字/表情生成完整的网站图标：多尺寸 favicon.ico、苹果与安卓 PNG、site.webmanifest 和 HTML 代码，一键打包下载。
🔒 浏览器本地运行，文件不会上传免费 · 无需注册
把方形图片拖到这里
或点击选择 — 建议使用 512×512 以上的 PNG/SVG，效果最清晰
背景色
生成内容
favicon.ico（16 · 32 · 48）、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png（180）、android-chrome-192x192.png、android-chrome-512x512.png、site.webmanifest 以及一段 HTML 代码。
预览
浏览器标签页上真正显示的是 16 像素，务必确认这个尺寸下还看得清。
HTML 代码
把生成的文件放到网站根目录，然后把这段代码粘贴进 <head>。
怎么生成网站图标
- 上传一张方形 Logo，或者切到「用文字/表情生成」，输入一个字母或表情并选好背景色与形状。
- 调整内边距、圆角和配色，重点看 16 像素的预览 — 这才是浏览器标签页实际显示的尺寸。
- 点打包下载 ZIP，把文件解压到网站根目录，再把 HTML 代码粘贴进
<head>。
常见问题
还需要 favicon.ico 吗？
需要。老浏览器以及直接请求 /favicon.ico 的场景都用得到。生成的 .ico 里同时包含 16、32、48 像素三张图；新浏览器会优先使用 PNG。
为什么精致的 Logo 缩到 16 像素就糊了？
16 像素放不下细线条和小字。小尺寸请用简化的标志 — 一个字母、一个形状、高对比度；精细版本留给 512 像素。
表情在所有设备上都一样吗？
图标是用你这台机器的表情字体渲染出来的，预览是什么样，导出的 PNG 就是什么样；其他平台的访客看到的是你渲染的结果，而不是他们系统的表情。