favicon.ico
所有浏览器和搜索引擎都会找的那个文件。我们的版本包含 16、32、48 px 三个尺寸。
免费转换 · 无需注册
网站图标（Favicon）生成
一张图片生成网站需要的全部图标：favicon.ico、苹果触摸图标、安卓和 PWA 图标、web manifest，以及粘贴到网页里的代码。
在你的浏览器里完成转换，图片不会上传。
怎么用图片做网站图标
用图片做网站图标：把 PNG、JPG 或 SVG 放进上方的转换器，下载网站图标包即可。AI Icon Creator 在你的浏览器里生成 favicon.ico、苹果触摸图标、安卓和 PWA 图标、web manifest 以及网页代码，图片不会上传。
- 01
放入图片
PNG、JPG、WebP 或 SVG 都可以。用 512 px 以上的正方形 Logo 效果最好。
- 02
看看标签页里的效果
预览会显示图标在浏览器标签页里 16 px 的样子。如果看不清，可以裁得更紧一点，或加个背景色。
- 03
下载并粘贴
把图标包解压到网站根目录，把代码粘贴进 <head>，就完成了。
一套网站图标里有什么
网站图标（favicon）是浏览器在标签页、书签和历史记录里显示的小图标，搜索结果里网站名旁边也会显示它。一套完整的网站图标还包括手机主屏幕和安装到桌面的网页应用所用的图标。
苹果和安卓图标
iPhone 使用 180 px 的 apple-touch-icon；安卓和安装到桌面的网页应用使用 192 和 512 px 图标，外加一个可由系统裁成自己形状的 maskable 图标。
web manifest
site.webmanifest 告诉浏览器，网站被添加到主屏幕时该用哪些图标。发布前记得填上网站名称。
更多免费转换工具
或者，把图片变成设计好的图标
格式转换不会改变图片本身。AI 工具会按你选的风格，把它重新画成一个真正的 App 图标。
网站图标常见问题
关于格式、尺寸和隐私的简短回答。
怎么把图片转成网站图标？
把图片转成网站图标：在上方放入图片，下载网站图标包即可。图标包里有 favicon.ico、PNG 图标、苹果和安卓图标、web manifest，以及要粘贴进网页 <head> 的代码。
网站图标应该做多大？
网站图标在浏览器标签页用 16 和 32 px，部分屏幕和搜索结果用 48 px，iPhone 用 180 px，安卓和安装到桌面的网页应用用 192 和 512 px。用一张至少 512 px 的正方形图片，这个图标包就全都覆盖了。
网站图标文件放在哪里？
网站图标文件放在网站根目录，和首页同一层，保证 /favicon.ico 能打开。然后把 head-snippet.html 里的代码粘贴到每个页面的 <head> 中，并在 site.webmanifest 里填上网站名称。图标包里的 README 说明了每个文件的用途。
为什么新的网站图标没有显示？
新的网站图标不显示，通常是因为浏览器会长时间缓存图标。清除缓存后刷新，或用无痕窗口打开网站，并确认 /favicon.ico 能单独打开。搜索结果里的图标可能要几周才会更新。
这个网站图标生成工具免费吗？
AI Icon Creator 的网站图标生成工具免费、无需注册、不加水印。图片在你的浏览器里转换，不会上传。想做多少套都可以，每套都包含 favicon.ico、苹果触摸图标、安卓和 PWA 图标、web manifest 以及要粘贴的代码。
怎么给自己的网站加上图标？
给网站加图标：把 favicon.ico 和其他图标文件上传到网站根目录，再在网页的 <head> 里加上对应的 link 标签。这里的图标包自带 head-snippet.html（写好的标签）和说明每个文件用途的 README。