« soso与google是一家?图标在线生成汇总 »

在线制作Favicon图标

FontSize:- + Date: 2008年1月21日
摘要:

在线制作Favicon收藏图标。提交图片最好是16*16或是32*32大小的图片,可制作生成ico,gif动画,png透明三种格式的图片供选择使用。一步完成,浏览,然后提交,可以选择是否制作成动画效果……

本站原创文/DemoSeo

FavIcon from Pics -favicon.ico for your website

the first web tool for creating still / animated favicons from regular images

下一篇推荐工具,也在此网站提供《Demo1-在线生成css报表css poster》也很不错。

人们越来越提倡个性化,处处强调自身的与众不同,Windows要有个性化的桌面主题,QQ要有个性化的皮肤,甚至连Windows的开、关机画面都要个性化的图片。网站本身也强调个性化,我们可以设计网页独特的页面样式,可以制作网站专有的logo,还可以策划几张新颖的Banner,当然我们也可以采用各种多媒体技术,使整个站点鹤立鸡群。但是Internet Explorer在收藏夹中总是白底蓝e的老面孔,如果我们让它换一张脸,那么我们的网站将在收藏夹中显得格外的醒目。
不知道您是否注意到当您将网易、Yahoo、E书时空和某些个人网站加入到“收藏夹”后,在这些网站标题的旁边还有一个独具个性的图标呢?这个图标我们称之为“收藏夹图标”(Favorites Icon)。就拿“E书时空”来说,在标题“E书时空” 的左边,Internet Explorer默认的图标被换成了一个带有红色边框的书法体“e书”图标,而且,当您浏览“E书时空”时,Internet Explorer的地址栏中的图标也同样是一个带有红色边框的书法体“e书”图标。
所谓的图标(Icon)并不是普通的图片,而是一种特殊的图形文件格式,它是以.ico作为扩展名,我们不能用.jpg或.gif来定制网站的收藏夹图标。它虽然看起来和图片没有什么区别,但却和普通的图片有很大的不同,它最初的作用就是作为软件和操作系统的图形化显示,查看.ico文件不需要任何软件(当然ACDSee 3.0可以用来查看图标文件)。所以如果您想制作一个图标,普通的图像设计软件并不支持这种格式,您需要到一个软件下载站点去下载一个图标制作软件,在这里笔者推荐大家使用Microangelo 98这个经典的图标制作和抓取软件。如果您不想自己来制作一个图标,我们也可以背靠互连网这棵大树,从网上直接下载,笔者向大家推荐国内一个不错的图标专业网站——图标集中营(http://www.51icon.net/)。当然您也可以访问http://www.favicon.comwww.chami.com,这里提供一个免费的在线“收藏夹”图标生成器,如果您英文不错的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。
您是否也希望有这样一个体现您的主页的风格和个性的图标呢?现在我们就来按部就班的进行定制:
在定制之前,我们必须清楚一些基本的概念。
首先,“收藏夹”图标有着它特有的规格:图标的大小为16*16(以像素为单位),所使用的颜色不得超过16色,这是Internet Explorer规定的“收藏夹”图标大小和颜色数。特别是不能使用真彩色来制作“收藏夹”图标,因为真彩色图标Internet Explorer根本就不支持。
其次,您使用的必须是Internet Explorer 5以上的版本,才可以看到定制的“收藏夹”图标。如果是Internet Explorer 5以下的版本,将看不到定制的“收藏夹”图标,显示的仍然是Internet Explorer的传统图标,但不会有任何副作用,它对页面的其他显示效果不会有任何影响。
定制网站收藏夹图标的方法有两种,都相当容易:
第一种方法:
第一步,当然是准备一个能体现您的主页的风格和个性的图标。比较简便的办法除了下载,就是将您的网站的logo做成一个图标。
第二步,将这个图标文件命名为:favicon.ico。
第三步,将favicon.ico上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改,Internet Explorer 5会自动的不停的搜索您的网站的根目录,它一旦发现了favicon.ico这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
使用这种方法来定制收藏夹图标,有一个明显的缺陷,就是收藏夹图标只能在网站的首页中显示。
第二种方法:
第一步,还是准备一个能体现您的主页的风格和个性的图标。
第二步,将这个图标文件命名为任意的文件名,如myicon.ico。
第三步,在网页文件的head部分加入下面的内容:
<link rel="shortcut icon" href="favicon.ico" >
        <link rel="icon" href="animated_favicon1.gif" type="image/gif" >
这种方法就可以使所有的页面都能显示收藏夹图标了。
最后还有一点需要说明的是,有些Web站点的主机服务器(如:Geocities)不支持图标文件格式(.ico),这时您就需要与系统管理员联系,要求他开通对图标文件格式的支持。

 

介绍几个在线生成图标的网站:

www.chami.com提供的在线制作Favicon收藏图标。提交图片最好是16*16或是32*32大小的图片,可制作生成ico,gif动画,png透明三种格式的图片供选择使用。

一步完成,浏览,然后提交,可以选择是否制作成动画效果,如本站生成的电视演示图标,这种效果在FF浏览器下可有效果。

并且提供下载,下载文档中包括:favicon.ico,文件夹extra其中包括animated_favicon1.gif, preview_16x16.png,transparent.ico,及使用说明文档。并且可以发送到你的邮箱,很体贴的服务。效果很不错。

 

提供接口:

Select Image:
using FavIcon from Pics

 

 

www.Favicon.com已暂停服务

网站也有许多软件,程序可以完成这一工作,不过推荐上述网站。

作者: DemoSeo
原载: DemoSeo's博客(
www.demoseo.com)
版权声明:本文属原创作品,转载请保留本版权信息,严禁一切非法复制。

本文链接地址:http://www.demoseo.com/DemoSeo/web-tool-FavIcon-from-Pics.html
如果你也喜欢本文,记得顶一下,支持我。你的支持是我继续发好文章的最大动力!谢谢!

« soso与google是一家?图标在线生成汇总 »
土豆网视频推荐
Get TrackBack URI 发布:DemoSeo | 分类:在线工具专题 | 评论:0 | 引用:0 | 浏览:
Tags:在线工具  在线制作  Favicon图标制作  demoseo专题  站长必备  
Share:

Other Articles

Comments

Leave a Comment

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。