亿网中国提供全程无忧网站建设服务!
Individuals网站建设
   Website Design
Individuals成功案例
   Classic case example
Individuals酷站欣赏
   Cool Website Enjoy

网站建设-价格体系

网站建设-建站流程

本站动态
如何添加网站图标--网站图片设置方法
 
时间:2009-5-4 12:53:26

如何添加网站图标?

第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标.

第二步,确定“收藏夹”图标的规格。
在收藏夹里出现的是16*16;所使用的颜色最好成绩不要超过16色。(为了清晰),如果你不清楚可以在C盘查找*.ico格式的图标,应该能在IE缓存里找到那些网站的图标,你可以打开这些图标就可以知道该用什么格式的了,跟人家的一样就行。

第三步,设计一个属于您自己的图标。
你 可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的 风格和个性。然后将这个图标文件命名为:favicon.ico。可以制作的醒目些,比如我做的是一个白底蓝字的\"Adu\",自我感觉良好 呵~~~~

最后,只需要将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。
也就是你的主页index.html所在的那个文件夹。

这样,您不需要对您的网页文件作任何的修改,IE5会自动的不停的搜索您的网站的根目录,只要它一发现了favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。



========================================

<link rel=”icon” href=”/dir/favicon.ico”    type=”image/x-icon”>
<link rel=”shortcut icon” href=”/dir/favicon.ico”    type=”image/x-icon”>

如何制作Favicon.ico
制作Favicon.ico的方法相当简单,首先,利用图形工具创建2个反映网站主题的256色的小图片:1个为32×32像素,另一个为16 ×16像素。需要注意的是,调色板要选用“Windows 默认调色板”,不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。
需要说明的是,在很多关于Favicon.ico的说明中,常见到要求图片为16色的说法,应该说这类说法大大过时:在早期如Windows 95时期,16色的Favicon.ico可能是个稳妥的选择,保证其在大多数情况下正常使用,但现在,完全不存在那类限制,16色只能使图标的展示效果大大降低。
至于在浏览器中使用时16×16像素的图片已经足够,为什么还要准备32×32像素的图片,原因在于,正如上文所言,favicon也显示在地址栏中,用户可以拖曳favicon到桌面以建立到网站的快捷方式,而桌面图标则要以32×32显示的,如果您的Favicon.ico不包括32像素的图片,系统就只能使用默认的浏览器图标来标注网站/网页,如Internet Explorer的蓝色“e”,起不到我们意欲通过Favicon.ico打造网站品牌的作用。
图片制作好后,使用如Image2Ico之类的小程序即可将2张图片转换到一个Icon文件中。也可以通过可以在线制作Favicon的网站来制作,不过,需要注意的是,这个网站要求图片源文件格式为Pic。

http://www.html-kit.com/favicon/

http://www.graphicsguru.com/favicon.php

http://converticon.com/

在线转ICO小图标,第一个不是很好用,导出图标有偏差

另:如果设置shortcut icon后还是无法显示的话

1、把ICO图标放到根目录

2、使用绝对的URL路径:http://wwww.uuker.org/favicon.ico


=====================
另外一篇文章:
在现在的很多浏览器里如firefox,ie7等都支持网站的图标,例如在页面展开后的地址栏里,保存到收藏夹/书签后,或者是firefox在标签里打开后的标题栏都能显示网站图标,设置方法很简单:

在自己网站的root目录添加一个名称为favicon.ico的文件即可,如果要在同一个网站下的不同类型下显示不同的图标,则需要分别在对应文件夹添加该名称的图标文件。

为了加快favicon的显示,可以在页面<head></head>标签中加入:

<link rel=”shortcut icon” href=”favicon.ico”>要按照你favicon.ico的baseURL设置路径。

另外,favicon的制作其实挺麻烦的,是个16×16的小巨型,按照点阵自己去画,那是要功力的…

我通常会使用anytoicon去转换…
 
 
双击自动滚屏   打印本页 | 关闭窗口

 
 
   
点击这里给我发消息 95616308
点击这里给我发消息 19986151  
 
电话:136-5160-0772   E-mail : Info@YiwebChina.com    
Copyright 2006-2018 © YiwebChian.com   All Rights Reserved