网页标签添加图标

前言

这个标题是啥意思?如下图,每个网站都有自己的标签图标:

制作图标

图标,值得你花费时间用心选择、设计。
每当你看到那个蓝色的脚印,都会想起百度!我们难以超越百度,但是,我们也能拥有自己的“品牌”,哪怕没人知道,也很爽,不是吗?

在线生成

百度在线favicon生成,你会找到很多在线制作favicon图标的网站。上传一张图片,就可以自动生成你想要的favicon.ico图标,下载即可。

软件生成

制作favicon的软件有很多,这里推荐一款魔法ICO v2.00

使用方法

假设我们已经得到了favicon图标,这时,应该怎样使用它呢?

把favicon.ico上传到服务器放在网站根目录下,然后在首页文件中段插入:

1
2
<link rel="shortcut icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">

第一句用来正常显示图标,第二句用来添加书签时显示图标。

如果你希望出现动画效果的favicon图标,那就上传animated_favicon1.gif(动画图标)并且添加如下的HTML标签:

1
2
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >

小结

整个过程还是很简单,记录一下,希望对不熟悉的小伙伴有点帮助。

0%