网站域名前面的LOGO如何实现

来源:百度知道 编辑:UC知道 时间:2024/05/02 06:36:45
经常见到一些著名网站,比如baidu,当在地址栏输入www.baidu.com回车进入baidu的时候,域名前面就会显示baidu的蓝色LOGO,或者搜狐好像也有会出现那个黄色的小脚丫,请问,这是怎么回事?我的个人网站能否做出这样的效果?谢谢!!!

  1. 概述:favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像。

  2. 制作:利用图形工具创建2个反映网站主题的256色的小图片:1个为32×32像素,另一个为16 ×16像素,Image2Ico之类的小程序把2个小图片生成为icon文件。

  3. 调用:将制作好的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”>
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >

含义:在浏览器标签中显示favicon,在收藏夹中显示favicon。

<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

作个.ico的文件传上去,看演示

将制作好的favicon.ico图片上传到ftp的根目录。浏览器