我的favicon.ico图标为什么在IE显示,360浏览器就不显示呢?
重启电脑再试试跟网站服务器关系350浏览器需要兼容性前我遇问题两显示没事
如何把我想要的网站的Favicon图标转化为base64代码
我用UC脚本的...有stylish不?可以直接转化所有文件为base64
Nodejs创建的服务为什么一定要访问favicon.ico
favicon.ico是网站的图标软件,这个就是我显示在浏览器标签上的小图标,所以默认情况下浏览器都会默认向web服务器请求这个图标的,如果控制台报请求不到错不会有任何的影响就是不能显示那个图图标,对功能没影响
asp网站中没有如何添加favicon.ico
<link rel="shortcut icon" href="favicon.ico">,ico文件放于网站的根目录下,要求16*16
原来网页中的favicon.ico替换后为什么现在的网页不变成替换后的?
因为你新的ico不符合格式要求,另外在客户端看的时候要清空ie的缓存及cookie
为什么我在网站根目录里上传了favicon.ico文件,打开网站在网址前还是没有显示logo???
可能是 浏览器的问题 你换一个浏览器试一下
asp网站中没有如何添加favicon.ico?
可以添加在生成页嘛
phpcms如何去掉favicon.ico
用户如果想将这个图标去掉,可以在phpcms的目录下找到favicon.ico,你可以选择将它删除,或是换成你自己的ico,就这么简单。。。
favicon.ico插入代码
<link rel="shortcuticon" href="/favicon.ico" />就可以了记得删除 临时文件然后直接在浏览器 直接打开 http://www.abc.com/favicon.ico刷新下 即可
保存我网站的时候让手机浏览器主页显示增加favicon.ico图标?
iOS 图标rel 参数: apple-touch-icon 图片自动处理成圆角和高光等效果。 apple-touch-icon-precomposed 禁止系统自动添加效果,直接显示设计原图。 iPhone 和 iTouch,默认 57x57 像素,必须有<linkrel="apple-touch-icon-precomposed"href="/apple-touch-icon-57x57-precomposed.png"/><!-- iPhone 和 iTouch,默认 57x57 像素,必须有 -->iPad,72x72 像素,可以没有,但推荐有<linkrel="apple-touch-icon-precomposed"sizes="72x72"href="/apple-touch-icon-72x72-precomposed.png"/><!-- iPad,72x72 像素,可以没有,但推荐有 -->Retina iPhone 和 Retina iTouch,114x114 像素,可以没有,但推荐有<linkrel="apple-touch-icon-precomposed"sizes="114x114"href="/apple-touch-icon-114x114-precomposed.png"/><!-- Retina iPhone 和 Retina iTouch,114x114 像素,可以没有,但推荐有 -->Retina iPad,144x144 像素,可以没有,但推荐有<linkrel="apple-touch-icon-precomposed"sizes="144x144"href="/apple-touch-icon-144x144-precomposed.png"/><!-- Retina iPad,144x144 像素,可以没有,但推荐有 -->IOS 图标大小在iPhone 6 plus上是180×180,iPhone 6 是120x120。 适配iPhone 6 plus,则需要在中加上这段<linkrel="apple-touch-icon-precomposed"sizes="180x180"href="retinahd_icon.png">
网站根目录放置的favicon.ico图标的尺寸是多大的?
浏览器中是16×16像素,为了适应系统显示,最好还有多个不同像素的合到一个ICO文件里。咨询NHstu品牌网站建设客服,免费帮忙生成高清高质量的多像素ICO文件。
为什么favicon.ico在360浏览器下不显示
1、360浏览器进入自己的Application Data中寻找360浏览器的数据,比如电脑用户名为Jon。如果用的是XP,那么就找到C:Documents and SettingsJonApplication Data360sedataico文件夹;如果是Win7,那么就找到C:UsersJonAppDataRoaming360se dataico文件夹。这里是360浏览器缓存网站favicon.ico的地方,把ico文件夹清空。2、搜狗浏览器同样也要找Application Data,比如电脑用户名为Jon。如果用的是XP,那么就找到C:Documents and SettingsJonApplication DataSogouExplorerFavIcon文件夹;如果是Win7,那么就找到C:UsersJonAppDataRoaming SogouExplorerFavIcon文件夹。这里是搜狗浏览器缓存网站favicon.ico的地方,把FavIcon文件夹清空。3、傲游浏览器如果傲游浏览器安装到了D:Maxthon2目录下,那么在这个目录下找到名为Favicons的文件夹,这里是傲游浏览器缓存网站favicon.ico的地方,把Favicons文件夹清空。三、favicon.ico格式不对访问favicon.ico的绝对地址,比如:http://www.google.com/favicon.ico,如果正常显示,证明格式正确。以上的第一和第三如果确定没问题,而第二条觉得麻烦,可以换一台从未访问过目标网址的电脑来访问该网站.因为没有访问,就不存在Favicons文件夹。通过以上的方法favicon.ico仍然显示不了,那就是机子问题。
使用织梦V5.7系统建站,希望修改网站图标,但通过删除favicon.ico的方式毫无反应,求教,谢谢?
您好,朋友,织梦云模版很高兴为您解答:这个的话只要删除favicon.ico即可,也就是根目录下的这个图标文件。删除后或者替换后在一些浏览器中是有缓存的,建议从服务器段刷新 ctrl+f5或者清空浏览器缓存再查看。希望我的回答能够帮到您!
favicon.ico不显示
删除InterNet缓存试试
网址中favicon.ico图片不起作用的问题
应该是服务器根目录不是favicon.ico目录吧 如果是IIS 设置根目录就可以了
favicon.ico 在那个文件夹 求做ICO
在网站根目录下
如何将favicon.ico图标的背景色设置为浏览器的背景色?每种浏览器的背景色都有点不同?
favicon.ico图标 需要同背景一样颜色的地方,搞成透明,就行拉.
tomcat里面的favicon.ico怎么改变
将Tomcat安装目录下:...Apacheapache-tomcat-8.0.37webappsROOT的favicon.ico文件替换成你自己的就可以了。PS:希望对你有帮助,望采纳!!!
如何在spring配置文件中favicon.ico 404
spring版本:3.0.5.RELEASE1.在web.xml中添加:<mime-mapping> <extension>ico</extension> <mime-type>image/vnd.microsoft.icon</mime-type></mime-mapping>2.在xxx-servlet.xml中添加:<mvc:resources mapping="/favicon.ico" location="/favicon.ico"/>
nginx 为什么访问favicon.ico
这个不是nginx访问的,而是浏览器访问的favicon.ico是浏览器标签上显示的图标,会自动访问
织梦默认的favicon.ico在哪个文件夹?
将已做好的图标文件放到自己空间根目录下,dede网站的图标文件命名为favicon.ico。浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。如果需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的部分加入如下的代码:<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">Firefox还支持GIF动画格式的Favicon,使用方法如下:首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:<link rel="shortcut icon" href="favicon.ico" ><link rel="icon" href="animated_favicon.gif" type="image/gif" >如果网站模板是 XHTML 规格的,就在最后的>前加个/。
如何制作漂亮的网站名片?如何添加favicon.ico图标
图标上传至网站根目录即可。
我搞了个站 上传了favicon.ico但是就是不显示!
favicon.ico不能直接显示需要调用假设图片favicon.ico在网站/目录下在HEADER里加入如下代码,<linkrel="shortcuticon"type="image/ico"href="/favicon.ico">您试下
favicon.ico修改了为什么没有变
第一步、要确定网站的主题和图案所选,因为favicon文件时代表网站的标志。制作好图片之后就可以用工具制作了,具体请搜“favicon在线制作”,上传好图片后,就可以选择生成一个32x32像素或64x64像素的favicon文件。第二步、将做好的favicon图片文件上传至你网站的根目录下,即www目录下。且保证命名为favicon.ico。第三步、将这句代码<link href="/favicon.ico" rel="icon" type="image/x-icon" />放入到各页面的<head></head>之间。这时候重新生成更新网站,并清除浏览器缓存。刷新下,就可以看到网站漂亮的favicon文件了。
如何设置 node express favicon.ico
浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。 因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。 如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在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”> Firefox还支持GIF动画格式的Favicon,使用方法如下: 首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码: 程序代码 <link rel="shortcut icon" href="favicon.ico" > <link rel="icon" href="animated_favicon.gif" type="image/gif" >
为什么浏览器寻找的favicon.ico
网站图标,就是浏览器打开一个网页后标签前面的小图标,还有收藏夹里网页前面的小图标。 这个图标的地址是 域名/favicon.ico,浏览器默认会请求这个地址来获取图标。
如何禁止浏览器去访问favicon.ico
解决方法如下: 1.关闭搜狗浏览器; 2.点击“开始”——“运行”——输入以下字符:%appdata%/SogouExplorer/FavIcon 。 点击“确定”打开搜狗浏览器的FavIcon目录 3.把FavIcon目录下的内容全部删除即可。 如果还是不行的话,检查下页面里的
修改了favicon.ico为什么网页图表未改
修改了favicon.ico为什么网页图表未改第一步、要确定网站的主题和图案所选,因为favicon文件时代表网站的标志。制作好图片之后就可以用工具制作了,具体请搜“favicon在线制作”,上传好图片后,就可以选择生成一个32x32像素或64x64像素的favicon文件。第二步、将做好的favicon图片文件上传至你网站的根目录下,即www目录下。且保证命名为favicon.ico。第三步、将这句代码<link href="/favicon.ico" rel="icon" type="image/x-icon" />放入到各页面的<head></head>之间。这时候重新生成更新网站,并清除浏览器缓存。刷新下,就可以看到网站漂亮的favicon文件了。
如何把favicon.ico代码放入网页版html中
要把favicon.ico代码放入网页版html中,可以在Html中的<head>部分加入如下的代码:(1)<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>(2)<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>(3)<link rel="icon" href="animated_favicon1.gif" type="image/gif" >浏览器调用favicon的原理是首先在网页所在目录寻找favicon.ico文件,如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为favicon.ico然后上传到网站的根目录下。扩展资料在浏览器标签中显示favicon,在收藏夹中显示favicon。除此之外,Firefox还支持GIF动画格式的Favicon,使用方法如下:首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:程序代码 <link rel="shortcut icon" href="favicon.ico" ><link rel="icon" href="animated_favicon.gif" type="image/gif" >即可。参考资料:百度百科 - favicon.ico
如何为自己的网站安装favicon.ico标志?
设计一个名称favicon.ico的图像文件放到网站根目录,就可以了。为了更好的兼容性,可以在header添加如下的META申明:<head><link rel="shortcut icon" href="/favicon.ico" /><link rel="bookmark" href="/favicon.ico" type="image/x-icon" /></head>
favicon.ico是什么?有何作用?
首先favicon是Favorites Icon的缩写,中文意思是网站头像或者是网站徽标,其次.ico是文件后缀名。如果你使用的浏览器是FireFox或者IE7的话,在你的地址栏和标签中都会出现百不度的网站徽标,如果你又将百不度加入收藏夹的话,那么收藏夹中也会有。当然,根据浏览器的不同,Favicon显示也有所区别,不过百不度发现,火狐和ie显示没有区别。同时你可以将收藏夹中的favicon拖曳到桌面以建立到该网站的快捷方式。另外,FireFox支持动画格式的favicon。favicon.ico的作用(好处)1、一个简洁美观的favicon是网站、博客的面子,在标签浏览器(Firefox、IE7)中它可以比 title 更醒目,让读者很容易的识别出您的网页,从而增加网站流量。2、favicon可以给人一种很专业的观感。3、favicon可以在一定程度上减轻服务器的流量带宽占用。为什么这样说呢?一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时,Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
Favicons
网站图示
如何为网站设计Favicon站点图标
首先你要选择一个图片是具有网站代表性的。一般是logo图标,百度favicon.ico在线制作 就可以了。望采纳
怎么修改favicon.ico
浏览器调用favicon的原则是首先在网页所在的目录下寻找favicon.ico文件,如果没有,便到网站的根目录下寻找。因此,在网页中使用favicon最简单的办法便是将制作好的
响应式网站手机端不显示favicon.ico图标,如何解决?
如果在head标签内加了标签:<link rel="icon" href="ico地址">还不显示的话,建议把ico拷贝到项目的第一层目录,比如:项目地址是/home/item那么把favicon.ico拷贝一份到:/home/item/favicon.ico
浏览器的favicon.ico图标文件放在哪里?360浏览器,搜狗浏览器,IE浏览器分别在哪里?
告诉你一个最简单的方法,在我的电脑搜索里面 搜favicon.ico图标 或者全部ICO的图片,就能找到你想找到的。
为一个网站添加favicon,是每一个jsp页面都要加那句,还是能只加一次网站的所有页都有的?
j2ee的工程在webroot下放置favicon.ico就行了。
怎么给WordPress网站制作favicon.ico图标
一楼的在线生成
帝国CMS的favicon在哪个文件夹里,文件目录
帝国cms的favicon.ico文件在根目录下如果你已经删除掉这个favicon.ico文件,但是在浏览的过程中,还是显示这个favicon.ico的话,那就是浏览器的缓存造成的如果你要更换这个favicon.ico文件的话,请直接更换就ok了
favicon.ico的更新
favicon.ico如何更新? 如何更新favicon.ico图标,因为本地浏览器存在的缓存可能无法及时更新favicon.ico图标。 关闭所有打开的浏览器,并清空浏览器缓存。打开网站并加入收藏夹。 关闭浏览器,重新打开网站,就更新了。 若此时还未更新favicon.ico图标,请稍等一会再打开浏览尝试。如果是用360浏览器,无法更新,清除缓存的地址是C:Documents and SettingsAdministratorApplication Data360sedataico,这个位置记录你所浏览的网站的ico,删除你想更新的ico文件就好了,关掉浏览器,重新打开网站就更新了。如果使用的火狐或者chrome浏览器,则更新更加简单,使用火狐和chrome的隐私模式进行浏览即可更新缓存 。
怎样提取网站图标代码 favicon.ico 就是网站的图片文件 像百度的熊掌
楼主可以直接在这个网站的域名加上/favicon.ico即可得到网站的facicon图标
什么是 favicon.ico,为何我的浏览器会向其秘密发送请求
网站图标,就是浏览器打开一个网页后标签前面的小图标,还有收藏夹里网页前面的小图标。这个图标的地址是 域名/favicon.ico,浏览器默认会请求这个地址来获取图标。
如何禁止浏览器去访问favicon.ico
解决方法如下: 1.关闭搜狗浏览器; 2.点击“开始”——“运行”——输入以下字符:%appdata%/SogouExplorer/FavIcon 。 点击“确定”打开搜狗浏览器的FavIcon目录 3.把FavIcon目录下的内容全部删除即可。 如果还是不行的话,检查下页面里的
为什么我电脑上的favicon图标自己会变?
文件类型关联问题
搜狗浏览器无法显示favicon.ico图标
解决方法如下:1.关闭搜狗浏览器;2.点击“开始”——“运行”——输入以下字符:%appdata%/SogouExplorer/FavIcon 。点击“确定”打开搜狗浏览器的FavIcon目录3.把FavIcon目录下的内容全部删除即可。如果还是不行的话,检查下页面里的<head与</head之间的代码<link rel="shortcuticon" href="/images/favicon.ico" /,小图标路径是否不在根目录下?搜狗游览器可能不支持这个,再把favicon.ico小图标上传至网站根目录,然后重复以上操作试试。如果解决了您的问题请采纳!如果未解决请继续追问
next.js如何修改favicon.ico
目前vue-cli搭建的vue项目里面已经有了一个static文件夹,存放静态文件。favicon图片放到该文件夹下。然后再index.html中添加:1 <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico" rel="external nofollow" >然后刷新浏览器,就会更新。如果没有效果,则查看你的build文件夹下:build/webpack.dev.conf.js中。(到这个步骤之前我的是出现了,并且正常显示,如果不显示,则配置一下吧。)123456 new HtmlWebpackPlugin({ filename: "index.html", template: "index.html", inject: true, favicon:"../stastic/favicon.ico" }),到这个时候,页面的favicon已经可以正常显示了。然而,如何从服务器动态获取图片呢,这样以来就可以像上传文件一样,随意更换favicon。先看一下stackoverflow上的回答1234567 (function() { var link = document.querySelector("link[rel*="icon"]") || document.createElement("link"); link.type = "image/x-icon"; link.rel = "shortcut icon"; link.href = "http://www.stackoverflow.com/favicon.ico"; document.getElementsByTagName("head")[0].appendChild(link);})();动态创建link标签,然后添加元素。我目前写的项目是从前端上传到服务器的图片,关于如何上传图片,额,粘贴一下代码吧。12345678910111213141516171819202122232425262728293031323334353637 logoFirstChange(val) { let that = this; let Fr = new FileReader; let file = val.target.files[0];//获取需要更换的img的id,我这里更换的图片比较多,并且方法都一样,所以写同样的方法里面了。 let img = document.getElementById(val.srcElement.name.split("|")[0]); Fr.readAsDataURL(file); Fr.onloadend = function () { img.src = this.result; }; let fd = new FormData();//addend("参数名","参数值"),参数名需要和后端对应 fd.append("InputFile", file); fd.append("logo_id", val.srcElement.name.split("|")[1]);//vue项目中为了方便更改一下axios原型链,其实就是发送一个axios请求。这里正常的axios就行,不用谢Blob类型,没什么用,我当时是为了测试一下这个类型。 that.Axios.post(that.prefix + "/yr_logo/logo_update/",fd,new Blob([fd], { type: "multipart/form-data" })) .then(function (res) { if (res.data.status == 1) { util.notification("success", "成功", res.data.success_msg); } else { util.notification("error", "失败", res.data.error_msg); } img.value = ""; }) .catch(function (err) { console.log(err); });//上传之后修改了一下axios的原型链,因为全局其他页面都需要。(这里忽略) that.Axios.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded"; that.Axios.defaults.transformRequest = function (data) { let ret = ""; for (let it in data) { ret += encodeURIComponent(it) + "=" + encodeURIComponent(data[it]) + "&" } return ret.slice(0, ret.length - 1); } }
如何查看一个网站的favicon
很简单的 拿百度来说吧 只要把http://www.baidu.com/favicon.ico下载下来就可以了,直接点击不行就点击右键选择目录另存为。 如果用IE不行 就在讯雷中新建下载任务即可 其实网站的favicon都是在根目录下的 例如我们公司的网站http://www.yantaihailong.com/favicon.ico还有疑问可以Q我9859038
如何查看一个网站的favicon
很简单的 拿百度来说吧 只要把http://www.baidu.com/favicon.ico下载下来就可以了,直接点击不行就点击右键选择目录另存为。 如果用IE不行 就在讯雷中新建下载任务即可 其实网站的favicon都是在根目录下的 例如我们公司的网站http://www.yantaihailong.com/favicon.ico还有疑问可以Q我9859038
如何获取不同网站的favicon默认图标
Google有这个功能
什么是 favicon.ico,为何我的浏览器会向其秘密发送请求
其实就是网站的图标,你打开一个网站,标题前面如果有图标的话,那就是 favicon.ico,比如下图中,百度知道的图标:
网站内页favicon老是加载怎么解决
在浏览器调试时候,favicon.ico抛异常,加载失败,favicon.ico Failed to load resource: the server responded with a status of 4 在head标签添加favicon.ico图标即可。<head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>缴费详情</title> <link rel="shortcut icon" href="img/bitbug_favicon2.ico" /></head>
网站怎么添加favicon.ico
去网上在线生成一个favicon.ico图标,然后把下面的代码复制到页面的head里。<head> ... <link rel="icon" href="img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> </head> 该代码块适用于FireFox,Google Chrome,IE等浏览器。
favicon.ico的制作
制作Favicon.ico的方法相当简单,常用的Favicon.ico图标有3种16×16、32×32、48×48。首先,利用图形工具创建2个反映网站主题的256色的小图片:1个为32×32像素,另一个为16 ×16像素。需要注意的是,调色板要选用“Windows 默认调色板”,不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。需要说明的是,在很多关于Favicon.ico的说明中,常见到要求图片为16色的说法,应该说这类说法大大过时:在早期如Windows 95时期,16色的Favicon.ico可能是个稳妥的选择,保证其在大多数情况下正常使用,但到Windows XP后,完全不存在那类限制,16色只能使图标的展示效果大大降低。至于在浏览器中使用时16×16像素的图片已经足够,为什么还要准备32×32像素的图片,原因在于,正如上文所言,favicon也显示在地址栏中,用户可以拖曳favicon到桌面以建立到网站的快捷方式,而桌面图标则要以32×32显示的,如果您的Favicon.ico不包括32像素的图片,系统就只能使用默认的浏览器图标来标注网站/网页,如Internet Explorer的蓝色“e”,起不到我们意欲通过Favicon.ico打造网站品牌的作用。图片制作好后,使用如Image2Ico之类的小程序或者其他在线生成ico的网站即可将2张图片转换到一个Icon文件中。
如何修改favicon.ico图标
使用DEDE程序的网站主都知道,上传程序模板至空间后,自己的网站打开后总会有个标签图标””,让同行一看就知道是DEDE标识,如何改成炫酷的个人图标就是个恼人的问题。找到程序模板中的favicon.ico文件,所有的图标根源就在此文件;找自己的个性图片(一般不要太复杂,最终图片比较小,也看不清),百度搜索“favicon.ico在线制作”,任选一个链接。“选择文件”上传自己挑选的图片(图片格式按照提示要求),再“选择favicon.ico尺寸大小”,一般是16*16,可参看原来文件图片大小,最后在线生成。将生成的图片改名成“favicon.ico”上传覆盖步骤1中找到的文件。给主页添加代码:用FTP将空间的主页index.htm(一定是主页模板的index)下载至本地,用“笔记本”程序打开。找到<head>标签,在其后添加代码:<linkrel="shortcut icon" href="favicon.ico"><linkrel="Bookmark" href="favicon.ico">保存index.htm并上传回空间。网页由于存在缓存,一时间图标不更新,需清除缓存。在浏览器程序中打开“工具”-“Internet选项”清除网页缓存,网页关闭再重开,多来几次,就可发现标签图标是你想要的了
favicon.ico的网页上调用
浏览器调用favicon的原理是首先在网页所在目录寻找favicon.ico文件,如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为favicon.ico然后上传到网站的根目录下。如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在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。除此之外,Firefox还支持GIF动画格式的Favicon,使用方法如下:首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:程序代码 <link rel=shortcut icon href=favicon.ico ><link rel=icon href=animated_favicon.gif type=image/gif >即可。
favicon.ico的概述
中文名称是网站头像。在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站Logo,也包括favicon。favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的,所以你在本站使用ICO图标转换工具就可以轻松达到你的要求 。从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用,一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
favicon.ico是什么?有何作用?
如果你使用的浏览器是FireFox或者IE7的话,在你的地址栏和标签中都会出现百不度的网站徽标,如果你又将百不度加入收藏夹的话,那么收藏夹中也会有。当然,根据浏览器的不同,Favicon显示也有所区别,不过百不度发现,火狐和ie显示没有区别。同时你可以将收藏夹中的favicon拖曳到桌面以建立到该网站的快捷方式。另外,FireFox支持动画格式的favicon。 favicon.ico的作用(好处) 1、一个简洁美观的favicon是网站、博客的面子,在标签浏览器(Firefox、IE7)中它可以比 title 更醒目,让读者很容易的识别出您的网页,从而增加网站流量。 2、favicon可以给人一种很专业的观感。 3、favicon可以在一定程度上减轻服务器的流量带宽占用。为什么这样说呢?一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时,Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
DZ论坛favicon.ico不显示,请教
显示正常。可能是你的浏览器原因如果是maxthon浏览器 删除相应目录下的所有icon文件。刷新页面就有了