自定义IE地址栏图标
至少有以下两种方法可以自定义IE地址栏图标。
方法一：
直接在站点根目录下放入名为：favicon.ico 的图标文件就行了（必须要为 ICO 文件，BMP 及其他格式的图片文件不行）。并且我已经测试过如用这种方法的话，其实在站点根目录放入的 ICO 文件不一定必须命名为：favicon.ico，将 favicon.ico 中的 favicon 命名为你网站域名的名称同样可行，例如你网站的域名为：blueidea.com，你可以将该 ICO 文件命名为：blueidea.ico （注意 ICO 文件的文件名只能是域名的名称：blueidea，而不是域名：blueidea.com，即不要将域名中的 .com 后缀也加进去）；
实际上并不需要两个同时使用，有了 blueidea.ico 就可以不用 favicon.ico，有其中一个即可，这一点我已经在我的网站上测试过了。
方法二：
在网页的 <head>...</head> 区加入代码：<link rel="Shortcut Icon" href="favicon.ico" />，如果用这一种方法的话，其中 ICO 文件的文件名就不一定要用 favicon.ico 了，可以用任意的名字来命名，如：qwwqqwwq.ico，你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同，但前提是必须做到图标文 件的链接地址要正确。另外，在 <head>...</head> 区加入代码：<link rel="Bookmark" href="favicon.ico" />，就可以在收藏夹中你网页链接前显示出你自定义的图标。
---------------------------------------------------------------------------
在线制作网站地址栏图标方法和地址：经常在别人的博客上看到地址栏里的漂亮个人图标，尤其是悠远的驼铃的图标很不错，就去 向他请教了下，想不到热心的大大特意从google里查找了详细的方法给我，在这里先向驼铃大大表示感谢，驼铃大大的网站里的文章都是很有特色的，适合在 杂志上发表，欢迎大家去看看。
说了半天，先把驼铃说的制作图标的方法记下来，由于制作地址栏图标需要特定的软件，再提供一些我找到的可以在线制作图标的地址，方便和我一样的朋友查找使用。
第一步，准备一个图标制作软件。
首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com/ ，这里提供一个免费的在线“收藏夹”图标生成器，如果您 E 文够好的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步，确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格：图标的大小为 16 * 16（以像素为单位）；所使用的颜色不得超过 16 色。 (为了清晰)
第三步，设计一个属于您自己的图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：f avicon.ico。
最后，将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改，IE5 会自动的不停的搜索您的网站的根目录，只要它一发现了 favicon.ico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果您希望为不同的页面设置不同的“收藏夹”图标，那么您就需要在该网页文件的 HEAD 部分加入下面的内容:
注意：该图标的路径一定要使用绝对路径。
还有一点需要说明的是：有些 Web 站点的主机服务器（如：Geocities ）不支持图标文件格式，这时您就需要与管理员联系，要求他开通图标文件格式的支持。
悠远的驼铃原文地址：http://www.tolin.cn/post/folde-bike.html
在线制作图标地址：
地址1:http://www.chami.com/html-kit/services/favicon/
地址1:http://www.chami.com/html-kit/services/
有6个在线工具，打开速度可以，生成速度有点慢。
FavIcon from Pics //这个就是在线生成favicon.ico图标了，提交任何一个图片，它会给你生成一个ICO文件，并打包下载
Favicon Validator //favicon验证
Buddy Icon from Pics //把图片转换成ICO格式，还可制作PNG格式的背景图片
Image Embellisher //制作特殊效果的图片，比如立方体，Windows徽标那样的波浪
Online Image Splitter //切割图片
收藏夹图标生成器2：http://www.html-kit.com/e/favicon.cgi
打开速度稍慢点，生成速度可以。Source Image是提交图片，Scrolling Text (optional) 是提交文字，你可以直接提交一个做好的图片，不用填文字，点下面的按钮就可以生成ico的图标，还有可以看到预览，点旁边的download下载下来就可 以了。
附录：blog标签图片80×15 或 80×31在线制作，也不错的。
http://button.blogflux.com/
1：先用画图软件最好是FireWorks或Photoshop做一个16*16的图标，存为gif格式；
2：到这个网站转化为ico文件：http://www.chami.com/html-kit/services/favicon
3：上传到网站的根目录下就完成了。
现在把你的网站加入收藏夹再重新打开看看，就是这样简单！
如果没有显示,可以在网页的head里加入下面的代码:
＜link rel="shortcut icon" href="favicon.ico"＞
技巧:制作16X16的图片千万不要先做大图再改变分辨率,这样做不出清晰的图标的,就当是用16乘16的=256个小方块拼一个图标出来,在 Photoshop里也可以实现.我见过有在16X16的格里拼出一个熊猫的,还是全身的.这就要高度概括的能力了。
自定义IE地址栏图标相关推荐
- 如何设置自定义任务栏图标_如何为任何应用程序自定义Windows 7任务栏图标
如何设置自定义任务栏图标 Would you like to change out the icons on your taskbar with a beautiful set of icons th ...
- 微信小程序图标不支持html,微信小程序实现自定义加载图标功能
效果图 实现思路 1.首先通过HTML+CSS实现加载动画的静态效果: 2.根据需求给每个动画设计不同的动画效果. 例如第一个加载图标的静态绘制 1.首先确定动画的盒子宽高: 2.设置盒子中每一个长方 ...
- vantUI 自定义引入iconfont图标（3种风格）- 案例篇
文章目录 vantUI 自定义引入iconfont图标(3种方法:含案例截图) 效果图 · 对比: 重要代码`(3种代码格式)`: 全局引入 · 代码: 项目文档 · 目录结构 本地document文 ...
- 计算机自定义桌面,如何自定义电脑桌面的图标显示
原标题:如何自定义电脑桌面的图标显示 提升工作效率小妙招,值得收藏 虽然现在有蛮多人早就更新好自己的电脑系统了,大多数人都已经习惯了Windows10系统的桌面显示.但是也还有很多用户的电脑桌面,还是 ...
- 自定义Launcher桌面图标无法加载的问题
通过之前的文章,我们知道在Launcher的源码中是通过加载default_workspace.xml这个配置文件来显示桌面的图标和小部件的,今天项目一测试,发现自定义的桌面图标加载不出来了,之前都是 ...
- 高德地图自定义点标记大小_高德地图 自定义点标记 图标大小
自定义点标记图标大小 //初始化地图对象,加载地图 var map = new AMap.Map("container", { resizeEnable: true, zoom:1 ...
- 如何设置自定义任务栏图标_轻松自定义Windows 7任务栏图标
如何设置自定义任务栏图标 Would you like to fully customize your Windows 7 icons without having to manually chang ...
- 将图片转换成svg文件，自定义icon小图标，svg速成
将图片转换成svg文件,自定义icon小图标,svg速成 一.svg是什么? 二.操作步骤 1.进入网站 2.将svg复制 3.引用svg文件 总结 一.svg是什么? SVG是一种图像文件格式,它的 ...
- #网站图标、地址栏图标、收藏夹图标、favicon.ico
本文关键词:网站图标.地址栏图标.收藏夹图标 相关链接: 百度百科:favicon.ico 关于shortcut icon和icon代码的区别介绍 一.favicon.ico的显示的位置: 1.在地址 ...
- (转)tomcat与地址栏图标之研究（多浏览器）
原文:http://hi.baidu.com/hebo_thu/item/fc8c81bb164f5cee4fc7fd90 tomcat与地址栏图标之研究(多浏览器) 最近在做一个java网络应用程序 ...
最新文章
- sql 纵向求和_sql列统计求和
- Nginx重启时丢失nginx.pid文件解决方法nginx: [emerg] open() “/var/run/nginx/nginx.pid“ failed (2: No such fi
- 无锡技师学院计算机系,无锡技师学院
- 【Java】Java中的异常处理：何时抛出异常，何时捕获异常？
- springboot ---- sts如何启动两个实例
- 如何基于 Notadd 构建 API （Laravel 写 API）
- firefox 插件可能用得上的Firefox插件及下载
- js 操作frameset frame 对象
- 【Todo】【转载】Scala中Array, List, Tuple的区别
- deepin和UOS sunpinyin 皮肤添加
- 程序员试用期被裁，只给半个月赔偿
- python 005 __ 小斌文档 | 函数的定义和调用
- 【Android Audio】安卓音量管理
- 操作系统相关基础知识
- 100例(p019—p021)
- 百度百科：游荡在中国的窃贼
- 单代号网络图计算例题_工程人如何绘制进度计划？（双代号网络图、横道图等）...
- 齐博x1用户登录接口
- [Practical.Vim(2012.9)].Drew.Neil.Tip12学习摘要
- CDMA系统的UIM卡介绍 ,IMSI,ESN,MDN