本文介绍了favicon.ico图标的作用，如何使用在线工具生成和指定尺寸的图标，以及如何将其安装在网站上以提升识别度。
我们在浏览器浏览网页时或收藏某网页时，经常看到有些网页标题前面有一个图标，有些是logo，有些是其他图标，其实这种图标就是网站的favicon.ico图标，也就是我们平时大家所说ico图标。
什么是favicon.ico图标？
所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站，目前主要的浏览器都支持favicon.ico图标。换句话就是说，favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者在标签上，用于显示网站的logo。如下图红色箭头所指的位置：
ico图标怎么生成？如何在线制作ico图标？
网站favicon.ico图标是怎么生成呢？是自己用软件制作出来的吗？其实，我们只需要准备好一张方形的图片，然后通过一些在线制作ico图标工具即可将其转换为指定尺寸的ico图标。具体操作如下：
前往“ICO图标在线生成器（网站favicon.ico在线制作转换工具）”工具页面，在“ICO图标在线生成器”中点击【选择文件】按钮并上传我们需要转换为ico图标的图片（仅支持JPG、PNG、GIF格式），然后选择相应的尺寸，建议选择32*32，然后点击【生成ICO图标】按钮并保存到本地电脑即可。
如何安装favicon.ico图标？
当成功生成favicon.ico图像文件并将其保存到本地，请确保名称为favicon.ico，然后将其放到网站的根目录中，然后在网站头文件header.php文件（或其他文件）的头部标签<head></head>之间插入以下代码：
<link rel="shortcut icon" href=" /favicon.ico">最终形成：
<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
</head>来源：https://boke112.com/post/9976.html
扫一扫
719
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
