谷歌更换favicon 如何制作favicon
点击次数:38 次 发布日期:2008-11-17 23:53:22 作者:源代码网
|
(森库资讯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 源代码网供稿. |
