如何获取网页logo与favicon图标使用
程序员文章站
2022-03-13 18:14:30
如何获取网页logo与favicon图标使用favicon图标介绍：favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置， 目前主要的浏览器都支持favicon.ico图标.一、logo和ico图标获取1. 直接从其他网页中获取logo：关于网站图标的简单提取：直接在网址后面加上 /favicon.ico 就可以了2. 制作ico图标： http://www.bitbug.net/二、favicon图标使用当成功生成f...
如何获取网页logo与favicon图标使用
favicon图标介绍：
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置， 目前主要的浏览器都支持favicon.ico图标.
一、logo和ico图标获取
1. 直接从其他网页中获取logo：
关于网站图标的简单提取：直接在网址后面加上 /favicon.ico 就可以了
2. 制作ico图标： http://www.bitbug.net/
二、favicon图标使用
当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件
将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)
在页面源文件的标签之间插入
<link rel="shortcut icon" href=" /favicon.ico" />
最后形成：
<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
</head>
本文地址：https://blog.csdn.net/Whuiry/article/details/107305150
上一篇： C# 面试题及答案