• 欢迎访问极客公园网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入极客公园 QQ群
  • Git主题现已支持滚动公告栏功能,兼容其他浏览器,看到的就是咯,在后台最新消息那里用li标签添加即可。
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 百度口碑求点赞啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊http://koubei.baidu.com/s/gitcafe.net
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏极客公园吧

(总结)WordPress网站头像favicon.ico图标制作方法

原创总结 博客教主 14年前 (2010-07-25) 4172次浏览 1个评论

1、favicon.ico简介

很多门户网站都有这个文件,favicon.ico可以方便用户在很多窗口的时候快速定位到他需要的那个TAB,人对图像的识别速度比抽象的文字还是要快很多。如图:

favicon.ico以前只是在IE收藏时会用到,当收藏网站时,标题名称前会显示favicon.ico,这样在众多的收藏网址中,你的网站就会比较显眼;但现在大部分多窗口的浏览器都支持,打开网站时会直接显示在网站地址前以及标题前。

在RSS应用中,目前支持favicon的应用也越来越多。

2、favicon.ico图标文件制作

favicon文件支持 16*16 和 32*32 两种格式,一般使用16*16。

favicon.ico文件生成还是有些难度的,因为它不是标准的位图文件,需要用专门的favicon编辑器生成。

偶很喜欢的一个在线favicon生成器服务:直接上传你喜欢的图片,直接生成16*16像素的favicon.ico文件,还有在线预览功能。

在线生成favicon.ico地址:http://www.chami.com/html-kit/services/favicon
http://www.html-kit.com/favicon

有6个在线工具:http://www.chami.com/html-kit/services

FavIcon from Pics          #这个就是在线生成favicon.ico图标了,提交任何一个图片,它会给你生成一个ICO文件,并打包下载
Favicon Validator          #favicon验证
Buddy Icon from Pics   #把图片转换成ICO格式,还可制作PNG格式的背景图片
Image Embellisher         #制作特殊效果的图片,比如立方体,Windows徽标那样的波浪
Online Image Splitter    #切割图片
Cookie Tester                    #cookie 测试

3、使用方法

得到你的图标以后,把favicon.ico上传到服务器放在网站根目录下,然后在首页文件中<head>段插入:

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

如果你希望出现动画效果的favicon图标,那就上传animated_favicon1.gif并且在首页文件中<head>段插入:

<link rel=”shortcut icon” href=”favicon.ico”>
<link rel=”icon” type=”image/gif” href=”animated_favicon1.gif”>

具体到WordPress,将上面的代码插入到模板目录下的header.php文件中就可以。


极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:(总结)WordPress网站头像favicon.ico图标制作方法
喜欢 (0)

您必须 登录 才能发表评论!

(1)个小伙伴在吐槽
  1. 学习了!嘿嘿!谢谢