关于favicon.ico如何处理

----Neal---- 2014-05-19 05:25:49

1.首先通过http://www.atool.org/ico.php在线生成需要的ico文件。
2.将所生成的ico文件放到项目的跟目录下
3.然后在页面的<head></head>之间加上如下两行代码
下面两行代码就可以告诉浏览器使用favicon.ico 作为home.html的图标了：
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
基本上所有的现代浏览器都支持这种写法，例如firefox，ie9
4.打开浏览器可以看见浏览器的小图标已经变为我们所做的图片了。
如果图片未显示，Ctrl+Shift+Delete清楚浏览器的缓存，重新打开页面
即可显示我们做的小图标。

...全文

1232 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

vnvlyp 2014-05-22

打赏
举报

回复

一般只需要放在根目录就可以了吧，大多数情况都无需修改每个页面

疯狂的玖号 2014-05-22

打赏
举报

回复

你这样做那不是项目有多少个页面都要加一次？ tomcat部署项目的时候直接将文件放入 tomcat的ROOT目录下就行了。

我在肖申克 2014-05-22

打赏
举报

回复

tony4geek 2014-05-19

打赏
举报

回复

1、此文件包含流行、个性和其它图标可供选择 2、能解决访问 Apach 时，错误日志中老是报找不到 htdocs/favicon.ico 文件的错误 3、内含调试错误的解决方法

favicon.ico 很简单的一张图片 favicon.ico favicon.ico favicon.ico favicon.ico

Favicon.ico远程获取插件简介 Favicon.ico远程获取插件:远程实时获取并显示网站的Favicon.ico文件，美化网站外链显示效果。适合网址导航网站，网站友情链接显示美化等。 Favicon.ico远程获取插件页面展示相关阅读同类推荐：站长常用源码

什么是favicon.ico？favicon图标制作和制作技巧.docx

资源下载链接为： https://pan.quark.cn/s/9648a1f24758 Favicon.ico 是一种常见的网页元素，通常用于显示在浏览器的标签页、地址栏和书签中。它一般放置在网站根目录下，这样浏览器可以自动加载并使用。当网站的 HTML 代码未明确指定 favicon.ico 的路径时，浏览器会默认从根目录中查找该文件。例如，Chrome 浏览器在访问未声明 favicon.ico 的网站时，会自动尝试加载根目录下的 favicon.ico 文件。在网站改版或新建时，favicon.ico 的设计和放置是一个需要注意的细节。文章对 favicon.ico 的放置和浏览器处理方式进行了分析，这对希望提升网站兼容性的开发者很有帮助。如果网站文档中明确指定了 favicon.ico 的路径，浏览器会按照声明加载图标，而不是自动查找根目录下的 favicon.ico。不同浏览器对 favicon.ico 的处理方式存在差异。例如，Firefox 浏览器会请求 HTML 中标签指定的图标，而搜狗浏览器等在访问根目录时会请求根目录下的 favicon.ico。然而，360 浏览器等在请求 favicon.ico 时会忽略端口号，它们默认请求的是 [具体网址]。这个细节对开发者非常重要，因为它决定了网站图标是否能正确显示。为了解决兼容性问题并确保网站图标能正确加载，文章建议采取以下措施：首先，确保 favicon.ico 文件放置在网站根目录下，路径应为 [具体网址]，而不是其他子目录。其次，在 HTML 代码中使用绝对路径指定 favicon.ico 的位置，例如和

23,406

社区成员

70,514

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章