网站ico图标怎么设置方法:
1、制作一个尺寸16x16大小的图片,可以用图片处理工具来设计,然后保存到本地电脑上,通过网上搜索查找ico在线制作工具,可以查询出很多有关的网站,把jpg图片上传并转换生成一个标准的ico图标命名为:favicon.ico。
2、把favicon.ico文件上传到网站的根目录下。并把网站的首页文件的源代码<head></head>之间加上一句:<link rel="shortcut icon" href="favicon.ico" >。
3、把更改好的首页文件上传到空间上,再用浏览器打开就可以看到网址前面有自己设计的ico图标了。
ico图标是一种修饰网站的图标,可以选择一个对自己比较独特的图片或者文字制作。
设置网站ico图标的两种方法方法一:
直接在站点根目录下放入名为:favicon.ico 的图标文件(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。还有将
favicon.ico 中的 favicon 命名为你网站域名的名称也可以,例如:你网站的域名为:xll.com,你可以将该 ICO
文件命名为:xll.ico
方法二:
1. 在网页的
<head>...</head>区加入代码:<link rel="Shortcut Icon"
href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用
favicon.ico了,可以用任意的名字来命名,如:aoul.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是
必须做到图标文件的链接地址要正确。还有,在 <head>...</head>区加入代码:<link
rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中显示你网页链接的自定义图标。
2. 在网站首页的源文件<head>
</head>之间插入下面的斜体部分代码<head>……<link rel="shortcut icon"
href="favicon.ico"></head>
3.动态ico图标的实现方法,先把做好的gif动态图标命名为favico.gif <head></head>之间加上:
<link rel="icon" href="favicon.gif" type="image/gif" >
1>.在线生成favicon.ico的网址:http://www.chami.com/html-kit/services/favicon/它有6个在线工具:http://www.chami.com/html-kit/services/
1.FavIcon from Pics //这个就是在线生成favicon.ico图标了,提交一个图片,它会生成一个ICO文件,并打包下载
2.Favicon Validator //favicon验证
3.Buddy Icon from Pics //把图片转换成ICO格式,还可制作PNG格式的背景图片
4.Image Embellisher //制作特殊效果的图片,比如立方体,Windows徽标那样的波浪
5.Online Image Splitter //切割图片
6.Cookie Tester //cookie 测试
得到你的图标以后,把favicon.ico上传到服务器放在网站根目录下,然后在首页文件中<head>段插入:
<link rel="shortcut icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
如果你希望出现动画效果的favicon图标,那就上传animated_favicon1.gif并且添加如下的HTML标签:
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >
2>.手工在线制作ico图标:http://www.rw-designer.com/online_icon_maker.php
这里,你可以手工画图制作ico文件
3>.中文在线生成ico:http://www.bitbug.net/
4>.最后推荐一个挺不错的:http://www.favicon.cc/
5>.Favicon Japan!! 可以号称是日本 Favicon 图示资料库,除了介绍 Favicon 的使用、制作方法之外,还手机了许多国内外网站的 Favicon 图示,俨然成为超大型的图示收藏地。除了可以直接下载使用图示外,网站更提供「Favicon自动生成」让你快速将 GIF, JPG, PNG 转为 ICO 档。
http://www.favicon.jp/
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)