网站默认图标shortcut icon和icon的区别

网站默认图标shortcut icon和icon的区别,第1张

<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" >

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 网站默认图标shortcut icon和icon的区别

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情