网站默认图标shortcut icon和icon的区别
<link rel="shortcut icon" href="http://examplecom/faviconico"type="image/vndmicrosofticon">
<link rel="icon"href="http://examplecom/faviconico" type="image/vndmicrosofticon">
建议包含上面两行HTML代码,可以支持ico格式的图标
然而,只有第一行是必须的,因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词(“shortcut”将被忽略,而仅适用“icon”);而Internet Explorer将会把它作为一个单独的名称(“shortcut icon”)。这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像(例如动画GIF)时,才有必要添加第二行。
在HTML中,link元件必须在head元件里(在<head>和</head>之间)。
对于XHTML,link必须使用“ />”结束(或“></link>”),而不可以使用“>”结束。
href可以,但不必,指向/faviconico的位置。它可以指向任何URL。
图像通常可以使用任何被浏览器支持的图像格式。
ico文件格式通常可以被所有可以显示favicon的浏览器读取。
设置服务器,以发送正确的MIME标识:
ICO 文件 image/vndmicrosofticon(或者亦可出于兼容性原因使用image/x-icon。然而最好使用IANA注册的MIME类型,因为多数主流浏览器现在支持它)
GIF 文件 image/gif
PNG 文件 image/png
使用适当的分辨率和色深。
ICO:包括多种分辨率(最常使用的是16×16和32×32,Mac OS X有时使用64×64和128×128)以及位深(比特每像素)(多数使用4、8、24 bpp,即16、256和1600万色)。
GIF: 使用16×16,256色。
PNG: 使用16×16,256色或24位。
注意:当faviconico被置于文档根目录时,将会被一些不处理link元件的浏览器找到,即使没有您的站点上没有指向它的链接。
标准化
Favicon 功能最早由微软创设,而微软公司的Internet Explorer网页浏览器会对每一个网站都请求favicon。微软支持的link标签不遵从World Wide Web Consortium(W3C,万维网联盟)的HTML建议[1],因为:
rel属性必须包含一个用空格作分隔符的link类型的列表,所以一个包含两词的link类型不能被遵守标准的浏览器理解。
在后台里点击
外观-编辑-顶部(headphp)
在代码里找找有没有
<link rel="shortcut icon" href="<php echo get_template_directory_uri(); >/faviconico">也可以搜索(ctrl+f)ico 看看有没有。没有添加在<head></head> 之间就行
楼主要是不懂可以问我
先通过ps自己做一个自己中意的png,我们就要用这个制作成网站的ico
用png格式的是因为png格式可以保存透明的。
使用搜索引擎搜索ico图标制作,第一个就是百度相关的应用,直接点击上传刚才制作的,然后点击“保存ico”
保存ico时,需要对文件进行重新命名,ico图标要命名为faviconico
保存好ico图标后,就要把图标上传到网站的根目录,也就是和网站首页在同一个目录下。
上传后,开始修改网站首页代码,在网站头部信息中加入一行代码。
代码
然后把首页上传就OK了,打开浏览器测试即可。
如果你使用的是360浏览器,这里是不会更新的,因为360是把图标保存到电脑本地上,名字为:域名ico,需要把这个删除后才能生效。目录在C盘下,搜索下就能找到
1>在线生成faviconico的网址:http://wwwchamicom/html-kit/services/favicon/
它有6个在线工具:http://wwwchamicom/html-kit/services/
1FavIcon from Pics //这个就是在线生成faviconico图标了,提交一个,它会生成一个ICO文件,并打包下载
2Favicon Validator //favicon验证
3Buddy Icon from Pics //把转换成ICO格式,还可制作PNG格式的背景
4Image Embellisher //制作特殊效果的,比如立方体,Windows徽标那样的波浪
5Online Image Splitter //切割
6Cookie Tester //cookie 测试
得到你的图标以后,把faviconico上传到服务器放在网站根目录下,然后在首页文件中<head>段插入:
<link rel="shortcut icon" href="faviconico">
<link rel="Bookmark" href="faviconico">
如果你希望出现动画效果的favicon图标,那就上传animated_favicon1gif并且添加如下的HTML标签:
<link rel="shortcut icon" href="faviconico" >
<link rel="icon" href="animated_favicon1gif" type="image/gif" >
2>手工在线制作ico图标:http://wwwrw-designercom/online_icon_makerphp
这里,你可以手工画图制作ico文件
3>中文在线生成ico:http://wwwbitbugnet/
4>最后推荐一个挺不错的:http://wwwfaviconcc/
5>Favicon Japan!! 可以号称是日本 Favicon 图示资料库,除了介绍 Favicon 的使用、制作方法之外,还手机了许多国内外网站的 Favicon 图示,俨然成为超大型的图示收藏地。除了可以直接下载使用图示外,网站更提供「Favicon自动生成」让你快速将 GIF, JPG, PNG 转为 ICO 档。
http://wwwfaviconjp/
给网站设置ICO图标的方法如下:
1通过PS制作一个图标(图标大小根据网站要求来确定),保存为ico格式
2通过FTP工具上传至网站目录
3在网站头部文件中加入<link rel="shortcuicon"href="网址/faviconico" />
4刷新一下就可以看到了
这位网友你好,如果你说的是网站浏览器标题前面的小图标,可以用下面的方法:
1 将图标文件命名为favicoico(有在线生成工具,不能只改后缀名),上传到网站根目录。
2 在网站首页的源文件<head> </head>之间插入下面的斜体部分代码<head> ……<link rel="shortcut icon" href="faviconico"></head>
3动态ico图标的实现方法,先把做好的gif动态图标命名为favicogif <head></head>之间加上: <link rel="icon" href="favicongif" type="image/gif" >
0条评论