html 怎么添加ico小图标_随笔

这位网友你好，如果你说的是网站浏览器标题前面的小图标，可以用下面的方法：

1. 将图标文件命名为favico.ico（有在线生成工具，不能只改后缀名），上传到网站根目录。

2. 在网站首页的源文件<head></head>之间插入下面的斜体部分代码<head>……<link rel="shortcut icon" href="favicon.ico"></head>

3.动态ico图标的实现方法，先把做好的gif动态图标命名为favico.gif <head></head>之间加上： <link rel="icon" href="favicon.gif" type="image/gif" >

把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.ico的制作：

1、制作Favicon.ico的方法相当简单，常用的Favicon.ico图标有3种16×16、32×32、48×48。首先，利用图形工具创建2个反映网站主题的256色的小图片：1个为32×32像素，另一个为16 ×16像素。

2、需要注意的是，调色板要选用“Windows 默认调色板”，不然，在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。

3、需要说明的是，在很多关于Favicon.ico的说明中，常见到要求图片为16色的说法，应该说这类说法大大过时。

4、在早期如Windows 95时期，16色的Favicon.ico可能是个稳妥的选择，保证其在大多数情况下正常使用，但到Windows XP后，完全不存在那类限制，16色只能使图标的展示效果大大降低。

参考资料来源：

百度百科-favicon.ico

欢迎分享，转载请注明来源：内存溢出

html 怎么添加ico小图标