蓝胖仔资源站- 丰富、实用的资源网站!

蓝胖仔资源站_建站资料、教程、素材、模板、软件

当前位置: 主页 > 站长资讯 > 建站技术 >

怎么在网页标题(title)上显示ico图标?

时间:2019-12-26 12:46来源:蓝胖仔资源站 作者:蓝胖仔 点击:
我们在浏览别人的网页的时候会发现很多网站在浏览器上显示的时候,在浏览器标签处会显示一个特殊的图标和标题,当网页被收藏到书签的时候也会出现网页的图标,给人的感觉更为个性,也更加舒适。那么怎么在自己的网站标题(title)上显示ico图标呢?

我们在浏览别人的网页的时候会发现很多网站在浏览器上显示的时候,在浏览器标签处会显示一个特殊的图标和标题,当网页被收藏到书签的时候也会出现网页的图标,给人的感觉更为个性,也更加舒适。那么怎么在自己的网站标题(title)上显示ico图标呢?


方法一、自己制作一个格式为ico的图片,更改其像素为:16*16,更改其名称为favicon.ico然后讲favicon.ico放到网站的更目录即可。
当浏览器搜索我们网站根目录的时候便会发现favicon.ico这个图片,便会自然地将该图标显示在访问者的地址栏和收藏夹中。
方法二、在网页的head标签中加入如下代码(更推荐用此方法):
标题栏:
<link rel="icon" href="ico地址" type="image/x-icon">
收藏夹:
<link rel="shortcut icon" href="ico地址" type="image/x-icon">
例如要加入qq的icon
<link rel="icon" href="https://im.qq.com/favicon.ico">
需要注意的是:图标要用 16*16 色;另外,如果将 16*16 的 bmp 文件改为 ico ,在WINDOWS 支持,但放在浏览器或别的软件就会出错 。
可以自己通过在线工具制作ico图标,下面跟大家分享一款软件:彼尔德图标
下载地址:彼尔德图标,以下是软件内容:
包含84枚windows系统图标ICO文件;
包含84枚苹果系统图标ICONS文件;
包含84枚PNG透明图片文件;
含6张不同尺寸壁纸。


相关文章:

  • 2019-11-22·阿里云虚拟主机如何将网站根域名做301跳转到带www的域名下
  • 2019-12-26·如何在阿里云虚拟主机上绑定多个域名创建多个网站
  • 免责声明:

    • 二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!
    • 本站所有资源(教程、软件、素材资料等)均来自网友分享收藏,版权归原作者所有,请各位网友下载后于24小时内删除,不得商用;如本站有侵犯到您的权益,请联系本站删除,谢谢合作。
    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    ------分隔线----------------------------
    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    用户名: 验证码:点击我更换图片
    分享按钮