如何给网站制作一个favicon.ico图标

如何给网站制作一个favicon.ico图标，附代码(图)

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

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

其实制作ICO图标很简单，主要是很少软件支持ICO格式，关键是将JPG或GIF转为ICO格式,网上下载的可以转ICO格式的软件全是收费的，没有一个可以完全免费使用的，下面的方法可以不用花钱一样可以做成自己的ICO图标。
步骤：
1：先用画图软件最好是FireWorks或Photoshop做一个16*16的图标，存为gif或者jpeg格式；
2：到这个网站转化为ico文件：http://www.chami.com/html-kit/services/favicon/
3：上传到网站的根目录下就完成了。

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

如果没有显示,可以在网页的head里加入下面的代码:
＜link rel="shortcut icon" href="favicon.ico"＞

技巧:制作16X16的图片千万不要先做大图再改变分辨率,这样做不出清晰的图标的,就当是用16乘16的=256个小方块拼一个图标出来,在Photoshop里也可以实现.我见过有在16X16的格里拼出一个熊猫的,还是全身的.这就要高度概括的能力了.

另一个还可以支持在线制作

http://www.favicon.cc/

如何给网站制作一个favicon.ico图标相关推荐

一个favicon.ico图标引发的重大事故
分享一个案例,作者分析和解决问题的思路流程很值得学习,所以记录mark下. 也许很难让人相信,一个favicon.ico图标会引起重大事故,而我真的就亲身经历了一回.最近上线的一个项目出现了匪夷所思的 ...
在线透明favicon ico图标文件制作 - aTool在线工具
原址:http://www.atool.org/ico.php 在线透明favicon ico图标文件制作 - aTool在线工具支持格式 png.jpg.gif 在线转换成透明.ico图标. [图 ...
html网页logo属性link,html元素link标签rel=icon添加网站favicon.ico图标
html元素中的link标签除了可以引用插入CSS样式表文件之外,还可以通过link标签设置网站的favicon.icon图标. 什么是favicon.icon图标? 网站favicon.ico图标, ...
php网站如何添加ico图标,如何添加favicon.ico图标？
在本站首页的活跃博客中经常看到有部分博客网站没有favicon.ico图标,所以今天打算普及一下相关知识,希望还没有favicon.ico图标的博主们,能够制作出自己独特的图标. 那么到底什么是fav ...
制作 Favicon.ico 图标教程
摘要:有一些站长认为 favicon.ico 图标对于一个网站没有什么作用.甚至有一些站长认为,少加载一个图片,页面设计展现的速度更快些.的确,理论上是对的,但乐猪认为这种想法是肤浅的!有这种想法的站 ...
在线favicon ico图标文件制作工具
推荐一个:在线工具所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站.当然,这不仅仅是Favicon的全 ...
如何给网站设置favicon.ico图标
favicon.ico是什么? 所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站. favicon.ic ...
网页favicon.ico图标设置及制作
favicon图标介绍 favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支持favicon.ico图 ...
苹果cms网页favicon.ico图标设置与制作
1,favicon图标介绍 favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏.浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志,也可以说是网站头像,目前主要的浏览器 ...

如何给网站制作一个favicon.ico图标

如何给网站制作一个favicon.ico图标相关推荐

最新文章

热门文章