以往要在自己主页地址栏前显示ICO是比较麻烦的一件事,必须用专业的ICO图标制作软件才能实现,而且需要一定的美工基础。现在这一切都变得非常简单。
在这里,你可以将你喜欢的任何一张图片在线转换成ICO,还可以添加文字生成动态ICO。使用步骤:
1、打开 http://www.chami.com/html-kit/services/favicon/
2、点击浏览选择你希望做成ICO的图片
3、点击 Generate FavIcon.ico 按钮提交
4、稍等片刻后,你的ICO将会自动生成,可以点击旁边的保存按钮将ICO下载到本地。
5、最后在HTML的head区插入代码:<link rel="shortcut icon" href="favicon.ico" >
来个说明
1、关于favicon
favicon.ico -- favicon 文件 (支持 16*16 和 32*32 两种格式).
2、通过上传一个favicon.ico文件,你可以给你的网页添加一个favicon标志,并且在你网页的<head> ... </head>语句中间插入如下的HTML标签:
<link rel="shortcut icon" href="favicon.ico" >
3、可选:如果你希望出现动画效果的favicon图标,那就上传animated_favicon1.gif并且添加如下的HTML
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >
4、如果上传后你想检测一下效果,下面的网址可以帮你实现
http://www.htmlkit.com/go/favicon/validator/
5、关于WINRAR压缩包内的 extra 文件夹
为了方便各位,同时制作了以下2种文件供你额外选择,怎么使用请自己定夺,(呵呵,基本上是意译).
preview_16x16.png -- 16*16 格式的PNG 图像.
animated_favicon1.gif -- GIF图像.
ReadMe.txt -- 说明文档.
6、有6个在线工具 http://www.chami.com/html-kit/services/
FavIcon from Pics //这个就是在线生成favicon.ico图标了,提交任何一个图片,它会给你生成一个ICO文件,并打包下载
Favicon Validator //favicon验证
Buddy Icon from Pics //把图片转换成ICO格式,还可制作PNG格式的背景图片
Image Embellisher //制作特殊效果的图片,比如立方体,Windows徽标那样的波浪
Online Image Splitter //切割图片
Cookie Tester //cookie 测试
得到图标以后,把favicon.ico上传到服务器放在网站根目录下就可以了.
最后提醒一下,5DBLOG好象无法实现,哪位已经做好的帮忙留言啊,好写一个更加仔细的教程出来。
回复Comments
作者:
{commentrecontent}