WordPress添加favicon图标

多试试:多试试-计算机技术与软件


http://www.ibeijie.cn/wordpress-add-favicon


浏览北街博客的时候,您会发现在IE地址栏前会有个像大写字母“A”的图标,这就是Favorites Icon,简称Favicon。它不但可以让浏览器的收藏夹中除显示相应的标题外,还能以图标的方式区别不同的网站。

  当然,上面所介绍不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别。在大多数主流浏览器如FireFox和Internet Explorer(5.5及以上版本)中,Favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳Favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的Favicon。

  从特定的技术角度看,Favicon不仅仅能让网站给人更专业的观感,还可以在一定程度上减轻服务器的流量带宽占用。

  如何制作Favicon.ico?制作Favicon.ico的方法相当简单,这里推荐两种方法:

  方法1. 下载制作ico的软件,利用ico制作工具创建1个反映网站主题的256色的小图片:可以是32×32像素或16×16像素。需要注意的是,调色板要选用“Windows 默认调色板”,不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。

  方法2. 通过在线制作Favicon的网站来制作,推荐在线生成favicon.ico地址:http://www.html-kit.com/favicon/

  如何在网页中使用favicon.ico?

  浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head>部分加入如下的代码:

  <link rel="shortcut icon" href="favicon.ico" >

  Firefox还支持GIF动画格式的Favicon,首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:

  <link rel="shortcut icon" href="favicon.ico" >
  <link rel="icon" href="animated_favicon.gif" type="image/gif">


移步到个人小站:www.very321.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值