Favicon & ICO 图标在线生成器

在浏览器中拖放图片,生成多尺寸 .ico 文件 (16–256px)

提示:操作之前,您可先使用此处 在线透明圆角工具 生成透明圆角图片,然后再进行操作! 您还可以使用 在线SVG图片预览工具 在线图片格式转换工具 在线图片隐写术工具 二维码解析与生成工具 在线词云图生成器 在线背单词工具 在线字体查看器

拖放图片到这里,或 点击选择文件

支持 PNG / JPG / SVG / WebP / GIF / BMP

Favicon.ico 图标网页标签代码说明

将生成的 favicon.ico 文件上传到网站根目录,然后在 HTML <head> 中添加以下代码:

<!-- 基本 favicon -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

<!-- 现代浏览器推荐写法 -->
<link rel="icon" href="/favicon.ico" sizes="any">

<!-- PNG 格式 favicon(支持透明度) -->
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Web App Manifest -->
<link rel="manifest" href="/site.webmanifest">

提示:建议同时提供 .ico 和 PNG 格式,以兼容各种浏览器和设备。

ico图标在线生成器

ico图标在线生成器1
ico图标在线生成器2
ico图标在线生成器3
ico图标在线生成器4