谷歌更换favicon 如何制作favicon

王朝互联网·作者佚名  2011-12-19
窄屏简体版  字體: 小  |  中  |  大  |  超大  

(森库资讯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图标格式。

当然也有网上在线制作的。

设置:

成功生成favicon.ico图像后,上传favicon.ico文件到网站根目录下(也可以是其他目录)

在页面(一般为主页)源文件的<head></head>标签之间插入

<link rel="shortcut icon" href="favicon.ico" _fcksavedurl=""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.

本文来源:真水无味

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

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航