欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

如何获取网页logo与favicon图标使用

程序员文章站 2022-07-02 23:04:41
如何获取网页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