网络编程 
首页 > 网络编程 > 浏览文章

给自己的网站制作一个favicon.ico图标的实现方法

(编辑:jimmy 日期: 2024/12/25 浏览:3 次 )
ico图标是网站的头像,在打开网站的时候出现在IE的地址栏里,目前大多数浏览器都支持,最常用的IE6.0则显示加入本地收藏夹网站的ICO图像:

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

以下是一些名站的头像:

Google
给自己的网站制作一个favicon.ico图标的实现方法0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

百度
给自己的网站制作一个favicon.ico图标的实现方法0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

新浪
给自己的网站制作一个favicon.ico图标的实现方法0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

新华网
给自己的网站制作一个favicon.ico图标的实现方法0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

QQ
给自己的网站制作一个favicon.ico图标的实现方法0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

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

设计在线:
给自己的网站制作一个favicon.ico图标的实现方法0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

闪客帝国:
给自己的网站制作一个favicon.ico图标的实现方法0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

逸品设计:
给自己的网站制作一个favicon.ico图标的实现方法0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

圆点视线
给自己的网站制作一个favicon.ico图标的实现方法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:上传到网站的根目录下就完成了。

现在把你的网站加入收藏夹再重新打开看看,就是这样简单!
上一篇:100%点击区的滑动门代码第1/2页
下一篇:DIV+CSS 滑动门技术的简单例子