Favicon 图标生成器
只需拖入一次 logo，就能得到网站需要的所有图标，以及可直接粘贴到页面中的代码。
已封存在本设备上
在浏览器中运行，不上传任何内容。
已封存
你的图标
页面代码
把 ZIP 中的文件放到网站根目录，然后把这段代码粘贴到每个页面的 <head> 中。
使用方法
-
添加 logo
拖放、选择或粘贴 SVG、PNG 或 JPG。至少 512 × 512 像素的正方形图片能生成最清晰的图标。
-
调整外观
添加内边距、背景色或圆角，并在浏览器标签页和手机主屏幕预览中查看效果。
-
下载并粘贴代码
下载 ZIP，把其中的文件放到网站根目录，然后把代码粘贴到页面的 <head> 中。
常见问题
我会得到哪些文件？
一个包含 16、32、48 像素图标的 favicon.ico 文件；16、32、48、192 和 512 像素的 PNG 图标；一个供 iPhone 和 iPad 使用的 180 像素 apple-touch-icon.png；以及一个 site.webmanifest 文件，让 Android 能使用你的 192 和 512 像素图标。可以逐个下载，也可以打包成 ZIP 一次下载。
文件应该放在哪里？
放在网站根目录，和首页在同一层级，这样就能通过 /favicon.ico 这样的地址访问。然后把预览下方显示的代码粘贴到每个页面的 <head> 中。浏览器也会自动查找 /favicon.ico，所以即使页面没有这段代码，也能显示你的图标。
图片应该是什么尺寸？
正方形，至少 512 × 512 像素，也就是最大图标的尺寸。SVG 最理想：在任何尺寸下都能清晰绘制。较小的图片也能用，但大尺寸图标会被放大，看起来发虚。
为什么图标在浏览器标签页中显得模糊或太小？
在 16 像素下，细节和细小的文字都会消失。请使用简洁的标志，比如一个字母或符号，而不是带文字的完整 logo；内边距尽量小；如果图片较宽，选择“裁剪成正方形”。
我的图片会被上传吗？
不会。图片在你的浏览器中、在你的设备上读取、缩放和保存，不会发送到任何地方。
为什么 Apple 触摸图标带有背景？
iPhone 和 iPad 会自行为主屏幕图标加上圆角，并把透明区域显示为黑色。因此 Apple 触摸图标始终使用纯色背景和直角：即你设置的背景色，如果选择了透明则为白色。