[实践OK]设置网站ico图标的两种方法,ico压缩和Gzip压缩测试。

jackxiang 2011-5-17 22:43 | |
兼容:firefox/chrome的写法:<link href='/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

如何安装Favicon

当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件
将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)
在页面源文件的<head></head>标签之间插入
<link rel="shortcut icon" href=" /favicon.ico" />
最后形成:
<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
</head>

==========================================

设置网站ico图标的两种方法

方法一:
    直接在站点根目录下放入名为:favicon.ico 的图标文件(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。还有将 favicon.ico 中的 favicon 命名为你网站域名的名称也可以,例如:你网站的域名为:xll.com,你可以将该 ICO 文件命名为:xll.ico 。其IE地址栏图标绝对地址就可以为:http://www.jackxiang.com/favicon.ico和http://www.jackxiang.com/jackxiang.ico

方法二:
    在网页的 <head>...</head> 区加入代码:<link rel="Shortcut Icon" href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico了,可以用任意的名字来命名,如:aoul.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是必须做到图标文件的链接地址要正确。还有,在 <head>...</head> 区加入代码:<link rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中显示你网页链接的自定义图标。

我使用:<link rel="shortcut icon" href="./jackxiang.ico" type="image/x-icon" />  就Ok了。

==========================================
http://wstool.jackxiang.com/favicon.ico

icon压缩:
https://www.aconvert.com/cn/image/ico-to-jpg/

gzip压缩测试:
http://pagespeed.webkaka.com/youhua/gzip/

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:https://jackxiang.com/post/4312/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2020-3-18 11:40
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]