Favicon 是网站的图标,通常显示在浏览器标签页中。更换网站的 favicon 图标可以提升品牌形象和用户体验。以下是具体步骤:
-
准备图标文件:
- 选择一个适合的图标文件,常见的格式有
.ico
、.png
和.gif
。 - 推荐使用 16x16 或 32x32 像素的图标,以确保在不同设备上都能清晰显示。
- 选择一个适合的图标文件,常见的格式有
-
上传图标文件:
- 将准备好的图标文件上传到网站的根目录或指定的文件夹中。例如,可以上传到
yourdomain.com/images
目录。
- 将准备好的图标文件上传到网站的根目录或指定的文件夹中。例如,可以上传到
-
修改 HTML 文件:
- 打开网站的主 HTML 文件(通常是
index.html
),找到<head>
部分。 - 添加或修改以下代码,指向新的 favicon 文件: html
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">
- 如果使用的是其他格式(如 PNG),可以这样写: html
<link rel="icon" href="/images/favicon.png" type="image/png">
- 打开网站的主 HTML 文件(通常是
-
清除浏览器缓存:
- 保存并上传修改后的 HTML 文件后,清除浏览器缓存,确保看到最新的 favicon 图标。
-
检查效果:
- 在浏览器中打开网站,检查 favicon 是否显示正确。如果仍然显示旧的图标,可以尝试强制刷新页面(Windows: Ctrl + F5,Mac: Cmd + R)。