给自己的网站制作一个favicon.ico图标的实现方法_经验交流

ico图标是网站的头像,在打开网站的时候出现在IE的地址栏里,目前大多数浏览器都支持,最常用的IE6.0则显示加入本地收藏夹网站的ICO图像:

绝大多数网站可以没有ICO头像,但如果做为一个一流的网站,没有ICO头像是很难令人信服的.就好象一个人穿了一身正装但却没有打领结一样冒失.

以下是一些名站的头像:

Google
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

百度
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

新浪
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

新华网
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

QQ
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

多数有名的设计网站更重视ICO图标:

设计在线:
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

闪客帝国:
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

逸品设计:
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

圆点视线
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

其实制作ICO图标很简单,主要是很少软件支持ICO格式,网上下载的可以转ICO格式的软件全是收费的,没有一个可以完全免费使用的,下面的方法可以不用花钱一样可以做成自己的ICO图标。

1:先用画图软件最好是FireWorks做一个16*16的图标,存为gif格式;
2:到这个网站转化为ico文件:http://www.chami.com/html-kit/services/favicon/
3:上传到网站的根目录下就完成了。

现在把你的网站加入收藏夹再重新打开看看,就是这样简单!

时间: 2024-07-30 23:39:34

给自己的网站制作一个favicon.ico图标的实现方法_经验交流的相关文章

xhtml+css网页制作中常见问题解决方法_经验交流

无论是谁,在制作页面的过程都是会碰到这样或者那样的问题,出了问题就肯定要解决.解决问题的前提是要知道问题出在什么地方,对于新手来说不一定一看到问题就知道问题出在哪里.比如在IE6中"多了一只猪"的问题,对于一些问题需要更多的经验交流分享吸收后才能更好的成长. 在网络中我想大家都有提过问题,需要别人解答的时候,但往往是你的一个问题却得不到任何人给你的解答,或者说是完全被无视了.对于这个时候的你,是不是在想"难道是因为我这个问题太简单了,他们都不想回答""他们

全国哀悼日网站页面变成灰色的filter方法_经验交流

为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码. 直接在*.css文件最前面加入 body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 均可 其他HTML页面 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 如果是纯HTM页面的可以

绝对定位的DIV宽度自动适应的一个方法_经验交流

刚刚在一个页面上用到了position:absolute; 这样的代码在IE7和FIREFOX都不会有问题,但是在IE6以下的会不支持: xmlns="http://www.w3.org/1999/xhtml"> 这是一个测试 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 于是针对IE6我又加了一个<hr /> 这下可以了: xmlns="http://www.w3.org/1999/xhtml"> 这是一个测试 [Ctrl+A

一个老外弄的Clearing floats(清除浮动的方法)_经验交流

我常用的都是clear:both;方法,如 <div style="clear:both">    <div style="float:left"></div>   <div style="float:right"></div> </div> 今在PlanABC看到另外这种方法,特些记录下来. div.container {  border: 1px solid #00000

网页favicon.ico图标设置(转)

随便打开一个网页:比如 http://www.baidu.com/ 可以看到在浏览器的标签头上面显示了一个图标,这个图标是:,也就是我们常说的favicon.ico.   由于这篇文章主要讨论favicon.ico,以及各个浏览器对其的不同处理,所以还是新建web项目如下:   home.html 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <

favicon.ico图标提取工具如何使用

  ps:Favicon是favorites icon的缩写,亦被称为website icon(网页图标).page icon(页面图标)或urlicon(URL图标). favicon.ico图标提取工具使用教程: 1.将下载的favicon.ico图标提取工具压缩文件进行解压,双击程序. 2.在网站链接位置输入要下载的网页favicon图标的网页地址. 3.点击查看,就将该网页的favicon图标下载下来了. 4.点击另存按钮,可以将下载的favicon图标文件保存在本地.        

用Fireworks如何制作一个RSS的图标

一个朋友正在学习Fireworks,问如何制作一个RSS的图标.于是给他做了个 例子. 1.选择矢量工具中的"圆角矩形"工具,画一个 150px×150px的矩形.调整角度手柄到合适. 2.对矩形进行垂直线性渐变.数值如图. 3.复制并原位粘贴一个矩形,选择实心填充,选择白色并调整透明度到如图 效果.将其平面化,然后利用选区工具删除下面一半. 4.再复制一个矩形,填充为空,边框为1px的白色.

Excel中制作一个项目文件目录的两种方法

  Excel中制作一个项目文件目录的两种方法.如下图所示,就是一个项目文件夹内的所有文件: 接下来,先提取文件名称. 如果文件比较少,可以直接输入到Excel文档中,但是如果文件比较多,就要想想办法了. 方法一 在工程文件夹内,新建一个记事本文档,输入下面的内容后保存: DIR *.* /B >目录.TXT 将记事本文档的后缀名.txt 修改为.bat 然后双击这个文件,就会得到一个名为"目录"的记事本文件,里面会包含当前文件夹内的所有文件名. 这样就可以将目录中的文档名复制到

Illustrator制作一个桌面垃圾桶图标教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作一个桌面垃圾桶图标的教程. 教程分享: 1.在Ai软件中,新建一个800*800的文档,选择矩形工具,按住shhift画一个正方形图形,并添加渐变颜色,如图所示   2.然后选中正方形到效果-风格化-圆角,如图所示     3.接着选中圆角图形,按ctrl+c复制,按ctrl+f黏贴,把圆角图形底端的一边向上移动,如图所示   4.选中圆角图形到对象-路径-偏移路径,并添加渐变颜色,如图所示       5.接下来点击图形右键选择