« 豆瓣:推出相册功能百度宠物给本站带来的访问量 »

谷歌更换favicon(网站头像),如何制作favicon

(森库资讯sysku.com  西安)近期,谷歌中文站更换了沿用多年的favicon,由原来的G标识变成了一个螺旋形的小写g。
不过,谷歌英文站(http://www.google.com/ncr)继续沿用以往的favicon,文件地址为http://www.google.com/favicon.ico。
这个是原来的谷歌favicon
谷歌中文旧favicon
文件地址:http://sysku.com/blog/UPLOAD/ggoldfavicon.ico
(16px)
这个是近期更换的谷歌新favicon
谷歌新favicon
文件地址: http://www.google.cn/favicon.ico
(16px)
对比百度的favicon

文件地址: http://www.baidu.com/favicon.ico
(16px)
这是森库资讯的favicon

文件地址: http://sysku.com/dede/favicon.ico
(32px)
--
什么是favicon:
百度百科这样介绍,所谓favicon,即Favorites Icon的缩写,中文名称是网站头像,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。
当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
--
favicon有什么作用:
从特定的技术角度看, favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
--
如何制作favicon:
说明:
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo。

制作:
建议制作一张400x400的jpg图像,然后等比缩小到你想转换的ico尺寸(一般为16×16,如百度;也可以制作成为32×32、48×48等)
最后用相关软件转换成ico图标格式。
当然也有网上在线制作的。(森库资讯sysku.com  西安)

设置:
成功生成favicon.ico图像后,上传favicon.ico文件到网站根目录下(也可以是其他目录)
在页面(一般为主页)源文件的<head></head>标签之间插入
<link rel="shortcut icon" href="favicon.ico" _fcksavedurl=""favicon.ico"" _fcksavedurl=""favicon.ico"" />
(注:动态的网站管理系统,一般要在主页模板中添加设置)
最后形成:
<head>
...
<link rel="shortcut icon" href="favicon.ico" />
</head>

--
如何制作一个具有创意的favicon:
蓝色理想有个文章或许能够激发你也做一个这个东西,参看地址:http://www.blueidea.com/download/product/2007/4490.asp
原文导引:
Actually it’s a pity that many designers don’t really make use of them. Favicons, mini graphics for a particular web-site, can be displayed in the browser’s URL bar, next to the site’s name in lists of bookmarks, and next to the page’s title in a tabbed document interface. To be recognized immediately, favicons have to be visually appealing and fit to the design or logo of a given page. In fact, if you use Favicons for your sites, users can easily find your URL in their bookmarks - in this way you create some kind of a visual connection between your web-site and your sites’ visitors.(森库资讯sysku.com  西安)

本文来源:真水无味

本文链接:http://sysku.com/blog/post/437.html

review:

森库资讯:www.sysku.com

article order :

日历

comments

Previous

powered by www.sysku.com

Copyright 2003-2008 Powered By Z-Blog 蜀ICP备05021010号