在浏览器中拖放图片,生成多尺寸 .ico 文件 (16–256px)
提示:操作之前,您可先使用此处 在线透明圆角工具 生成透明圆角图片,然后再进行操作! 您还可以使用 在线SVG图片预览工具 在线图片格式转换工具 在线图片隐写术工具 二维码解析与生成工具 在线词云图生成器 在线背单词工具 在线字体查看器拖放图片到这里,或 点击选择文件
支持 PNG / JPG / SVG / WebP / GIF / BMP
将生成的 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 格式,以兼容各种浏览器和设备。



