浏览器地址栏显示网站logo小图标
编辑
分享
评论
赞0
很多人浏览某个网站的时候，都会看到一些网站用浏览器打开后，浏览器地址栏显示该网站的logo ，比如百度的脚印，网易的易字等等。收藏夹也显示这个logo 图标，如何做到在地址栏显示网站小图标呢？很简单。
这是因为他们在网站根目录下放了一个favicon.ico文件
如何制作Favicon.ico
制作Favicon.ico的方法相当简单，首先，利用图形工具（ps或者fireworks等等都行）创建大小为16×16或者32×32的反映网站主题的图片。制作好后，使用icon.exe之类的小程序即可将图片转换为以Icon为后缀的文件，命名为favicon.ico。制作icon的软件很多，到网上输入：icon生成器就可以找到很多了。
然后把favicon.ico放到网站根目录下即可。再次打开网址，就可以看到浏览器出现网站图标了。
浏览器地址栏显示网站logo小图标
总之，原理就是浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件，如果没有，便到网站的根目录下寻找。因此，在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico，然后将其上传到网站的根目录即可。
如果想在不同的页面显示不同的网站图标，也可以在其他页面Html中的＜head＞部分加入如下的代码：
程序代码: <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
猜你喜欢
评论(0人参与，0条评论)
发布评论
最新评论