网站favicon图标的制作

我们在浏览器的时候,标题栏上会有小图片,如下图

 那我们该怎么样实现这种效果呢???

favicon.ico  一般用于作为缩略的网站标志,显示在地址栏或标签中

制作的步骤:

        1、制作,先准备好png格式的图片,转化为ico图标。

                转换的网址例如:比特虫:http://www.bitbug.net/

        

        2、ico图标下载下来,放在项目的根目录下

        3、html引入favicon图标

                当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件
                将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)
                在页面源文件的<head></head>标签之间插入
                <link rel="shortcut icon" href=" /favicon.ico" />

猜你喜欢

转载自blog.csdn.net/weixin_49054076/article/details/129973461