Favicon 生成器
免费 Favicon 生成器:用图片、SVG 或文字和 emoji,在浏览器中生成 favicon.ico、PNG 图标、Apple touch icon 和 Web 应用清单。
它做什么
Favicon 是浏览器在标签页、书签和历史记录中显示的小图标;手机在用户把你的网站添加到主屏幕时也会用到它。这个生成器可以用一张图片、一个 SVG 标志,或几个字母、一个 emoji,生成网站所需的全部文件:包含 16、32 和 48 像素图像的 favicon.ico,16、32、192 和 512 像素的 PNG 图标,180 像素的 Apple touch icon,Web 应用清单,以及可粘贴到页面中的 HTML 标签。
使用方法
- 选择图片或 SVG,或输入一两个字母或一个 emoji。
- 一边查看预览,一边调整形状、背景和边距。
- 下载 ZIP,把文件放在网站根目录,并将 HTML 粘贴到 <head> 内。
常见问题
我真正需要哪些文件?
放在网站根目录的 favicon.ico 即可覆盖所有浏览器。180 像素的 apple-touch-icon.png 用于 iPhone 和 iPad 的主屏幕,192 和 512 像素的 PNG 加上 Web 应用清单供 Android 使用。ZIP 中包含全部文件。
为什么 Apple touch icon 有背景?
iOS 会把 touch icon 的透明区域填成黑色,并自行加上圆角,所以这个图标始终是方形且不透明的;如果你选择了透明背景,它会垫上白色。
什么样的图片效果最好?
细节少的方形标志或符号,至少 512 像素,或使用 SVG。文字和细线在 16 像素下会消失;请查看 16 和 32 像素的预览,如果图形碰到边缘,请使用边距。
我的新 Favicon 没有显示,为什么?
浏览器会长时间缓存 Favicon。请直接在浏览器中打开 favicon.ico 并刷新,或在无痕窗口中测试;搜索引擎可能需要几天甚至几周才会显示新图标。
我的图片会被上传吗?
不会。图标的绘制和文件的生成都在你的浏览器中完成,不会向服务器发送任何内容。